概念:JavaScript是⼀种轻量级的、基于对象和事件驱动的、跨平台的客户端脚本语⾔。\
常⽤的客户端输出⽅法 第⼀个⽅法: 描述:在⽹⻚的标记中,输出str的内容。 document意思是⽂档,就是整个⽹⻚了。 document是⼀个⽂档对象,代表整个⽹⻚。 write()是document对象的⼀个输出⽅法。 “.”⼩数点:通过⼩数点(.)来调⽤对象的⽅法,(.)相当于汉语中的的意思。 str:表示要输出的内容。 注意点:引号必须是成对存在的,外⾯⽤双引号⾥⾯就⽤单引号来区分,反之亦然。这样写的⽬的是便于计算机解 析识别区分程序。
第⼆个⽅法: 描述:在当前窗⼝弹出⼀个警告对话框,str为对话框中显示的内容。 windows代表当前浏览器窗⼝,windows是⼀个窗⼝对象。 alert()⽅法:弹出⼀个对话框。 str表示要输出的内容。 弹框中的换⾏,只能使⽤\n来实现,⽽不能使⽤
第三⽅法: 描述: 功能:弹出⼀个输⼊框,让⽤户来输⼊内容。 语法:var a=window.prompt(text,[defaultText]); document.write(str); window.alert(str); window.prompt(); 参数:Text:提示信息 default:可选项,也就是可有可⽆。输⼊框中的默认内容。 第四个⽅法: 描述: 功能:在浏览器控制台输出信息 str表示要输出的内容 console.log(str)
变量 1、变量的概念:变量是存储信息的容器。 变量是变化的⼀个量 变量可以看成⼀个“未知数”。x=10 变量可以看成是⼀个“符号”、“代号”。 理解:在内存中开辟⼀块指定字节的空间,⽤于存储数据,随着程序的运⾏,数据发⽣变化,所以称为变量。 ⽐如开房的时候变量可以看成是宾馆的“房间号”,房间⾥可以放东⻄。 变量是临时存在的容器。⽐如咱们的计算机内存是永远够⽤的,不要的程序就⾃动关闭或清除掉了。
2、变量的声明 变量的声明就相当于预定宾馆的“房间”。变量在使⽤者要提前声明,让计算机提前给你开辟个⼩空间。 语法格式: 注意点:声明变量是使⽤系统关键字var来进⾏的。是系统规定好的,不能挪⽤他⽤。
3、变量的命名规则 变量名可以包含字⺟、数字、下划线、美元符号$。 变量名不能以数字开头,可以以字⺟或下划线开头。如:var _name;(正确) var 3abc;(语法错误) var 变量名 = 变量值; 变量名不能是系统关键字,如:var、switch、try、case、else、while等。 JS中的变量名是区分⼤⼩写的。如:name和Name是两个变量。 注意点:JS中变量的名称⼀定要有意义,也就是常说的语义化。
4、如果变量名由多个单词构成的话,该如何表示呢? 给变量赋值 给变量赋值,就是往“空间”中装东⻄。 使⽤ 赋值号 “=” 来给变量赋值。 语法: 关键字、保留字 1、关键字:就是具有某种功能的⼀个词。 2、保留字:实际上就是预留的“关键字”,意思是现在虽然现在还不是关键字(也就是本身还不具备特殊含义的)但 是未来可能会成为关键字的。 a、“ 驼峰式命名”:第⼀个单词全是⼩写,后⾯的每个单词⾸字⺟⼤写。如:getUserName(获取⽤户名); b、“下划线式命名”:所有单词全⼩写,中间⽤下划线连接。如:var get_user_name; c、匈⽛利命名法(Hungarian):在变量名最前⾯添加相应⼩写字⺟来标识变量的类型,后⾯的单词⾸字⺟⼤写。
var 变量名 = 变量值; 列举:var name=”张三”; “ = ” 的理解:将”=”右边的”运算结果”赋给左边的变量名。 应该是”=”右边先运算,再把运算的结果,赋值给左边的变量。 “ = ” 左边只能是⼀个变量名,⽽不能是”运算表达式”。
数据类型分为两⼤类: 1、基本数据类型: 数值型-number、字符型-string、布尔型-Boolean、未定义类型-undefined、空型-null。 基本数据类型很显著的特点:⼀个变量名只能存⼀个值。 2、复合数据类型或叫引⽤数据类型:数组-array、对象-object、函数-function。 符合数据类型很显著的特点:⼀个变量名能存多个值。 举例:var arr=[10,20,30,40,50]; 我们可以通过 typeof 来查看变量的类型。 3、基本数据类型 number string boolean 数值型-number:可以进⾏算术运算的(加、减、乘、除)。 数值型包括:整型(整数)和浮点型(⼩数)。
字符型-string:⽤单引号或双引号引起来的⼀个字符串。 注意:字符型变量不能进⾏算术运算,只能进⾏”连接”运算。 字符型变量:⽤单引号或双引号,引起来的⼀串字符。 +还有连接的意思,⽤来拼接字符串
布尔型-Boolean 布尔型⼜称逻辑型。只要两个值:true(真)、false(假)。⽤于条件判断。 布尔型只有两个状态。
未定义型—undefined 当⼀个变量定义,但未赋值时,将返回未定义型,未定义型的值只有⼀个undefined的。 当⼀个对象的属性不存在,也返回未定义型。 当⼀个对象不存在时,将返回空型,
空型的值只有⼀个值null。 也可以理解为:是⼀个对象的占位符。是特殊类型,⽤的很少。 它的返回值是object类型,是⼀个空对象,没有任何内容。 如果你想清除⼀个变量的值,可以给赋⼀个null的值。
逻辑运算符 学习逻辑运算符之前,先声明下逻辑运算符的运算结果有两个:true或false。 1、"&&"逻辑与(也可以叫并且)。如果左右两个操作符都为true,则结果为true,否则,结果为false。 逻辑与,就是两个条件同时满⾜时,结果为true。
2、"||"逻辑或。左右两个条件,只要⼀个满⾜,就返回true,否则,就返回false。
3、"!"取反运算。
数据类型转换 1、什么是数据类型转换? 简单来说就是把⼀个数据类型转换成其他数据类型。 ⽐如: 将String类型转换为Number类型, 将Number类型转换 为Boolean类型... ... 2、变量的数据类型转换分为两种 隐式转换:JS会根据运算符⾃动帮我们将数据类型转换成能够进⾏计算的类型。隐式数据类型转换: 第⼀种情况: 1.字符串加数字,数字就会转成字符串。 2.数字减字符串,字符串转成数字。如果字符串不是纯数字就会转成NaN。字符串减数字也⼀样。两个字符串相减也先 转成数字。 3.乘,除,⼤于,⼩于跟减的转换也是⼀样。
强制转换:我们强制将数据类型转换成我们想要的类型 变量的数据类型转换,⼀般情况是JS⾃动转换的(隐式转换),但也有些时候需要⼿动强制转换(强制转换)。 第⼆种情况: 1、其他类型转成布尔型 可以使⽤Boolean()全局函数,强制转成布尔型 2、其他类型转成字符型 可以使⽤String()全局函数,强制转成字符型 3、其他类型转成数值型 可以使⽤Number()全局函数,强制转成数值型 注:全局函数或系统函数,是JS内置的函数,名称或⼤⼩写必须⼀致 把其他类型转成字符串类型的作用是什么呢?方便前后端交互数据,因为前端和后端交互数据的时候要求的数据类型的格式就是字符串类型
强制数据类型转换
+ 根据需求使用js给咱们提供的类型转换的方法去转换数据类型
+ 方法
=> Number() 把其他的数据类型转成数值类型
=> String() 把其他的数据类型转成字符串类型
=> Boolean() 把其他的数据类型转成布尔类型
Number转换规律:
+ 注意点1:字符串转成数值类型时,如果字符串里面不是纯数字,结果是NaN
+ 注意点2:空字符串转成数值类型时,结果是0
+ 注意点3:布尔值true转成数值类型结果是1,false结果是0
+ 注意点4:把undefined转成数值类型结果是NaN
+ 注意点5:把null转成数值类型结果是0
String转换规律:
+ 注意点1:把其他类型转成字符串类型的作用是什么呢?方便前后端交互数据,因为前端和后端交互数据的时候要求的数据类型的格式就是字符串类型
+ 注意点2:把NaN转成字符串类型结果是string
toString()
+ 作用:也是把其他的类型转成字符串类型,可以转进制
+ 参数
=> 表示要转成几进制
+ 语法:
=> 要转换的变量.toString()
=> 要转换的变量.toString(2)
Boolean转换规律:
+ 注意点1:把数值转成布尔类型,只要不是0和NaN结果都是true
+ 注意点2:把数值转成布尔类型,NaN和0的结果都是false
+ 注意点3:只要是字符串里面有东西,它的结果都是true
+ 注意点4:只有空字符串转成布尔值类型结果是false
+ 注意点5:undefined和null转成布尔类型结果都是false */
提取整数和浮点函数 1、 parseInt() 系统函数 功能:在⼀个字符串中,从左往右提取整型。如果遇到⾮整型的内容,则停⽌提取,并返回结果 2、 parseFloat() 系统函数 功能:在⼀个字符串中,从左往右提取浮点型。遇到⾮浮点型,则停⽌提取,并返回结果 console.log('0'==false) //2个都转成数字