JavaScript 是一种运行于JavaScript解释器/引擎中的解释型脚本语言运行环境: 21、独立安装的、嵌入在[浏览器JS解释器]内核中(NodeJSJS解释器)
解释型: 运行之前是不需要编译的,运行之前不会检查错误,直到碰到错误为止
编译型: 对源码进行编译,还能检查语法错误(C/C++)
JS组成:
1.核心
2.文档对象模型
3.浏览器对象模型
JS特点:
开发工具简单,记事本即可
无需编译,直接由js引擎负责执行
弱语言类型由数据决定数据类型
面向对象
浏览器内核的作用:
负责页面内容的渲染
内核主要由两部分组成:
1.内容排版引擎解析
2.脚本解释引擎解析
JS运行环境:
1.直接在浏览器中输入并执行
2.将js脚本嵌入在html页面中执行
将JS脚本嵌入在HTML页面中执行的
1、将JS代码嵌入在元素"事件"中 onclick : 当单击元素时所做的操作
<div id="" οnclick="JS代码">xxx</div>
2、将JS代码嵌入在<script>标记中
1、<script></script>
允许出现网页的任意位置处
将JS脚本嵌入在HTML页面中执行的
3、将JS代码写在外部脚本文件中(**.js)
- 创建 js 文件,并编写JS代码
***.js
- 在页面中引入 js文件
<script src="js文件路径"></script>
<html> <head> <script src="myscript.js"></script> </head> <body> </body> </html> |
将JS脚本嵌入在HTML页面中执行的
<script src=""></script>
该对标记中,是不允许出现任何内容的
<script src="a.js">
console.log();
</script>
语法规范:
语法规范
- 语句允许被JS引擎所解释的代码
使用分号来表示结束 console.log(); document.write(); 大小写敏感
console.log(); 正确
Console.log(); 错误英文标点符号
console.log(""); 正确
console.log(“”);错误由表达式、关键字、运算符组成
- 注释
单行注释: //
多行注释: /* */
sublime text中 Ctrl+/
什么是变量?
保存程序在运行过程中,所需要用到的数据
变量名:内存空间的别名,可以自定义值:保存在内存空间中的数据
声明过程中,尽量不要省略var关键字,否则声明的是全局变量
一次性声明多个变量并赋值:
var 变量名1,变量名2,...变量名n;
var stuName=“PP.XZ",stuAge=25, stuHeight; 等同于var stuName=“PP.XZ"; var stuAge=25; var stuHeight;
- 不允许使用JS的关键字和保留关键字
- 由字母、数字、下划线以及$组成 关键字
- 不能以数字开头
- 尽量见名知意
- 可以采用"驼峰命名法
数据类型:
1、数字类型
- 字符串类型 5、未定义
- 布尔类型
number类型
可以表示32位的整数以及64位的浮点数整数:32位即4字节浮点数:即小数,64位,8字节
整数:
十进制:生活中常用数字八进制:逢八进一
var n1=0123;
十六进制:逢16进1
0-9 A-F 组成
var n2 = 0x123; 小数:
var n1 = 34.56; var n2 = 4.5e10;
字符串类型
表示一系列的文本字符数据
boolean类型
作用:用于表示条件的结果
取值:
true : 真,肯定的结果
false : 假,否定的结果
ex
var r1 = true; var r2 = false; 除条件判断外,做运算时,true可以当
做1运算,false当做0运算
弱类型:由数据来决定变量的数据类型是什么
var stu;//undefined stu=25;//number stu="25"//string
不同数据类型的数据在运算的过程中,如何处理??
var num1=15;//number var num2=13;//number var result=num1+num2;//28 -> number
var str1="15";//string var result1=num1+str1;
隐式转换:
自动转换,由JS在运算过程中,自己进行转换的操作,不需人为参与
- 函数
typeof() 或 typeof ex:
var num1 = 15;
var s = typeof(num1); : 获取 num1 的数据类型
var s1 = typeof num1; : 获取 num1 的数据类型
- NaN
Not a Number 不是一个数字
isNaN(数据) : 判断数据是否为非数字是不是一个数字
结果为 boolean 类型结果为 true :不是一个数字结果为 false:是一个数字注:所有的数据类型与 string 做 + 运算时,最后的结果都为 string
1.tostring:
将任意类型的数据转换为 string 类型
变量.toString();
会得到一个全新的结果,类型为 string
var num=15; var str=num+"";
2.parseInt
整型:Integer
作用:获取指定数据的整数部分语法:
var result = parseInt(数据); 注意: parseInt ,从左向右依次转换,碰到第一个非整数字符,则停止转换。如果第一个字符就是非整数字符的话,结果为 NaN
3.parseFloat
Float :浮点类型->小数
作用:将指定数据转换成小数
语法:
var result = parseFloat(数据); ex :
var result=parseFloat("35.25"); //35.25 var result=parseFloat("35.2你好!");//35.2 var result=parseFloat("你好35.2");//NaN
4.Number()
语法规范作用:将一个字符串解析为number
语法:var result=Number(数据);
注意:如果包含非法字符,则返回NaN
11.什么是变量