01.JS语法

一、JS语法

1.1 js代码的编写位置

• script标签

<script type="text/javascript">
    alert('你好')
</script>

• js文件
  独立的js文件需要引入页面才能执行

<script type="text/javascript" src="js/common.js"><script>

script标签属性
- type:类型
- src :js文件路径
带src属性的script标签内不能写js代码

1.2 JS变量的定义、关键字

• 变量定义(使用var关键字)：变量是存储数据的容器

    //var：关键字，
    //age：变量名
    var age;       

• 赋值：
  age = 20;
• 定义的同时赋值：
  var age=20;
• 可以一次定义多个变量：
  var name="zhangsan", age=18, weight=108;

1.3 JS代码规范

• JS变量的命名规范（规定）

• 变量名必须是数字,字母,下划线_和美元符$组成;
• 第一个字符不能为数字
• 不能使用关键字或保留字

• 代码可读性（约定）

• 标识符区分大小写，如：age和Age是不同的变量。但强烈不建议用同一个单词的大小写区分两个变量。
• 变量命名尽量遵守驼峰原则: myStudentScore
• 变量命名尽量见名知意
• 保持代码缩进
• JS语句的末尾尽量写上分号;
• 运算符两边都留一个空格, 如 var n = 1 + 2;
• 注释
  • 单行注释：//注释内容
  • 多行注释（和CSS注释一样）
    • /*注释内容*/
    • 多行注释不能嵌套

1.4 输出结果

• alert()：弹窗输出
• console.log()：控制台输出
• 输出到页面元素

• innerHTML：双标签输出
• value：表单输出

• document.write() 输出到body内

1.5 JS数据类型

• 值类型

• Number：数字
• NaN：是一个特殊的值，即非数值(Not a Number)。数学运算无法得到数字时，就会返回NaN
  • 不代表任何值，也不等于任何值，甚至自己都不等于自己
  • 任何数据与它运算都返回NaN

• String：字符串
  用引号（单/双引号）括起来的内容

• Boolean: 布尔类型
• true
• false

• 引用数据类型

• Object：对象
• Array：数组

• 特殊数据类型

• Null
  • null ，通过id获取不到元素时则得到 null
• Undefined
  • undefined，声明变量但不赋值则得到 undefined

数据类型判断typeof

    typeof 'html5'; //=>string
    typeof 100; //=>number
    typeof true //=>boolean
    typeof null //=>object

数据类型转换

• 基本数据类型转换：利用内置函数进行转换

值(a)	转换为	字符串String(a)	数字Number(a)	布尔值Boolean(a)
undefined	=>	“undefined”	NaN	false
null	=>	“null”	0	false
true	=>	“true”	1
false	=>	“false”	0
“”	=>		0	false
“1.2”	=>		1.2	true
“one”	=>		NaN	true
0	=>	“0”		false
-0	=>	“0”		false
NaN	=>	“NaN”		false
1	=>	“1”		true

• 隐式转换
  如果运算不能进行下去，内部就会尝试进行数据类型的转换
  支持隐式转换的运算：逻辑运算、关系运算、算术运算