JavaScript的基础语法
对于Javascript的而言没有数据类型的全部都是通过var来定义创建的。比如:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>javascript基础语法</title>
<script type="text/javascript">
var a = 1;
a="1";
alert(a);
</script>
</head>
<body> </body>
</html>
变量的作用域,如果你直接写在script这个标签中他的作用域就是整个页面,变量还可以定义在方法中,在这个方法中他的作用域就是这个方法的调用的开始到结束,在JavaScript中定义方法是通过function来定义方法的比如:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>javascript基础语法</title>
<script type="text/javascript">
var a = 1;
a="1";
alert(a); function method1(){
var b = "2";
alert(b);
}
</script>
</head>
<body> </body>
</html>
如果你想在一个方法中调用另一个方法中定义的变量这个是会报错的(ReferenceError: b is not defined),因为JavaScript是一种动态的语言,它是一行一行解析的。
比如:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>javascript基础语法</title>
<script type="text/javascript">
var a = 1;
a="1";
alert(a); function method1(){
var b = "2";
alert(b);
}
function method2(){
var c = "3";
alert(c);
alert(b);
}
</script>
</head>
<body> </body>
</html>
好了,这就是变量的作用域和如何定义变量,但是你直接运行上述的代码是没有效果的,因为我们定义的方法还没有被调用,比如:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>javascript基础语法</title>
<script type="text/javascript">
var a = 1;
a="1";
alert(a); function method1(){
var b = "2";
alert(b);
}
function method2(){
var c = "3";
alert(c);
alert(b);
}
</script>
</head>
<body>
<input type="button" value="运行method1" onclick="method1()"/>
<input type="button" value="运行method2" onclick="method2()"/>
</body>
</html>
补充一点就是:当在函数的内部没有使用var来声明变量的时候,这个变量会作为全局变量来声明,所以一定要在函数中使用var 来声明一个变量,不然到最后会出现莫名其妙的错误。比如:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>javascript基础语法</title>
<script type="text/javascript">
// var a = 1;
// a="1";
// alert(a); // function method1(){
//
// alert(b);
// }
function method2(){
b = "2"; alert(b);
}
function method3(){
alert(b);
}
</script>
</head>
<body>
<input type="button" value="运行method1" onclick="method1()"/>
<input type="button" value="运行method2" onclick="method2()"/>
<input type="button" value="运行method3" onclick="method3()"/>
</body>
</html>
下面介绍一下JavaScript中变量的类型,以及强制类型的转换等问题:比如
变量的类型有Number,String,Array,Date常用的类型。当你定义一个变量的时候想看这个变量是什么类型就用关键字(typeof 变量名字)。Java强制类型的转换(Number)a,然而在js中是通过Number(a).如果强制转换一个非数字的值为Number时候会得到一个NaN的值,转换成整数的时候还可以用parseInt(a),这个函数就是可以将字符串开头的的几个数字转换成int,如果开头的不是数字,那就得到一个NaN的值。比如:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>javascript基础语法</title>
<script type="text/javascript"> var a = "a";
//alert(typeof a);
a = "11";
alert(Number(a)+1);
var b = "b";
alert(Number(b)); var c = "123c";
alert(parseInt(c));
var d = "d123";
alert(parseInt(d)) </script>
</head>
<body>
<input type="button" value="运行method1" onclick="method1()"/>
<input type="button" value="运行method2" onclick="method2()"/>
<input type="button" value="运行method3" onclick="method3()"/>
</body>
</html>
对于数组等对象而言显示的结果是object,而不是Array,我们可以通过array as instanceof Array来准确判断array是不是Array的实例如果是返回true,对于布尔类型:true和false中,在js中非0就是true,特别注意:NaN是false.当一个变量没有定义的值的时候他的类型是undefined类型,undefined类型是false比如:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>javascript基础语法</title>
<script type="text/javascript"> var array = ["a","b",1,2,3];
alert(typeof array); alert(array instanceof Array); var size;
alert(size+"1"); </script>
</head>
<body>
<input type="button" value="运行method1" onclick="method1()"/>
<input type="button" value="运行method2" onclick="method2()"/>
<input type="button" value="运行method3" onclick="method3()"/>
</body>
</html>
特别注意:在js中除了NaN,undedined,0其他的都是true.
JavaScript的基础语法的更多相关文章
- JavaScript编程:javaScript核心基础语法
1.javaScript核心基础语法: javaScript技术体系包含了5个内容: 1.核心语言定义: 2.原生对象和雷子对象: 3.浏览器对象 ...
- JavaScript的基础语法,你真的了解吗?
这篇文章是在我们熟悉了JS的基础语法后,很少有人去关注的一些细节部分.如果掌握了某些细节也许会对代码的改善有着非凡的作用.也许会使我们的代码更严谨,更高效. 1.if语句的条件 if条件中,括号里是布 ...
- JavaScript 正则表达式基础语法
前言 正则表达式在人们的印象中可能是一堆无法理解的字符,但就是这些符号却实现了字符串的高效操作.通常的情况是,问题本身并不复杂,但没有正则表达式就成了大问题.javascript中的正则表达式作为相当 ...
- JavaScript数据类型 —— 基础语法(2)
JavaScript基础语法(2) 数据类型 js中有六种数据类型,包括五种基本数据类型(Number,String,Boolean,Undefined,Null),和一种复杂数据类型(Object) ...
- JavaScript的基础语法及DOM元素和事件
一,JavaScript是什么? 1,JavaScript简称:js,是一种浏览器解释型语言,嵌套在HTML文件中交给浏览器解释执行.主要用来实现网页的动态效果,用户交互及前后端的数据传输等. 2,J ...
- JavaScript之基础语法
第一章 javascript语法 一, js代码的引入 方式一:在html页写js代码 <script> alert('hello,world') </script> 方式二: ...
- 1.JavaScript 教程:基础语法
简介: JavaScript web 开发人员必须学习的 3 门语言中的一门: HTML 定义了网页的内容 CSS 描述了网页的布局 JavaScript 网页的行为 用法: (1)HTML 中的脚本 ...
- JavaScript核心基础语法
1 什么是JavaScript? 是一种嵌入在网页中的程序段. 是一种解释型语言,被浏览器解释执行. 由Netscape发明,ECMA(欧洲计算机制造商协会)将其标准化. JavaScript借用了J ...
- JavaScript面向对象基础语法总结
1.Javascript的 对象(Object): //例子:var car = { , , }; 2.使用构造函数来创建对象. //例子: var Car = function() { ; ; ; ...
随机推荐
- Linux printf 命令
printf 命令用来格式化输出,用法如下: [keysystem@localhost ~]$ printf "%s\n" 1 2 3 4 1 2 3 4 [keysystem@l ...
- raw_input()
raw_input() 用于接收标准输入,并把标准输入当成字符串类型来处理,只能在 Python2 中使用,Python3 中没有这个函数 #!/usr/bin/env python #-*- cod ...
- Windows 下安装 Python3
可以使用两种方式安装 Python3,一种是直接去官网下载安装包,然后进行安装即可:另一种是通过安装 Anaconda 来安装 Python3, Anaconda 提供了 Python 的科学计算环境 ...
- 切换sprite
using UnityEngine; using System.Collections; public class BTN : MonoBehaviour { void Awake () { //s ...
- Mahout实现基于用户的协同过滤算法
Mahout中对协同过滤算法进行了封装,看一个简单的基于用户的协同过滤算法. 基于用户:通过用户对物品的偏好程度来计算出用户的在喜好上的近邻,从而根据近邻的喜好推测出用户的喜好并推荐. 图片来源 程序 ...
- Unity3D之Unity3D 4.3.0 破解方法
Dear All 破解有风险,破解不尊重知识产权,如果有涉及请删除或者联系我……以下呢 是我这几天捣鼓的4.3.0版本 供学习!请大家支持正版! 1.下载最新版本 我是在Unity官网下载的最新版本 ...
- centos配置Tomcat以指定的身份(非root)运行
本文依赖的环境: 已安装并配置好jdk和tomcat环境 已安装并配置好gcc.make等编译工具 1.编译安装守护程序 cd /usr/local/tomcat7/bin/ tar vzxf c ...
- 用CMAKE编译配置的项目进行调试的方法
在Linux 下用CMAKE编译的项目进行Debug 需进行设置: 1.在未设置之前 进行调试可能会出现错误报告:No source available for ...等一系列错误,这些错误可能就是你 ...
- 微信开发(3):微信公众号发现金红包功能开发,利用第三方SDK实现(转)
最近需求是 用户兑换微信红包,需要一些验证,加密,以及证书: 工欲善其事必先利其器 感谢前辈的微信SDK 已经维护三年了,还在维护中! 官方文档走一波 文档还是一如既往的 坑人啊,写的很简单,对简单明 ...
- JavaIOC框架篇之Spring Framework
欢迎查看Java开发之上帝之眼系列教程,如果您正在为Java后端庞大的体系所困扰,如果您正在为各种繁出不穷的技术和各种框架所迷茫,那么本系列文章将带您窥探Java庞大的体系.本系列教程希望您能站在上帝 ...