1.js
1.什么是js
js是javascript的缩写。是一门专门用来处理网页中的行为的脚本语言,也是web中的行为标准;javascript和Java没有关系。
2.在什么地方写js代码
内联的:写在标签事件相关的属性中,onclick属性,属性值就是js代码。
内部的js:写在script标签中的内容,script标签理论上是可以放在整个HTML文件的任意位置,但是一般放在head和body中。
外部的:写在外部的js文件中,后缀是.js的文件,然后通过
<script type="text/javascript" src="js/01js.js">
导入
3.js可以做什么
js可以修改标签中的内容。
可以修改标签的样式。
插入HTML代码
2.js语法
1.注释:单行://;
多行:/* */
2.标识符:用来命名的。js中要求标识符由字母数字,下划线和$符组成,数字不能开头。
3.打印:consol.log(内容) ;打印在控制台,网页中用检查查看控制台
4.js中大小写敏感,js没有缩进的要求。
5.常用数字类型:数字Number,布尔(Boolean),字符串(String),数组(Array),字典(Object),函数(Function)
数字类型(Number):正数和小数,科学计数;不支持虚数
布尔(Boolean):true和false
字符串(String):支持单引号和双引号
数组(Array):相对于python中的列表
对象(Object):python中对象和字典的集合;{name:'hk',age:22}name,age是对象属性。
函数(Function):
function 函数名(){
函数体
}
相关方法:
typeof(数据) ----> 获取数据的类型:打印出来的类型是小写的
转换:
new 类型名(数据)-将数据转换成指定的类型
特殊值:
undefined:相当于python中的None
null:用来清空变量
声明变量
var 变量名 ;var是js关键字。不赋值时默认值为undefined;
变量名=变量值;
命名规范:驼峰式命名。
同时声明多个变量:var age,sex=10,name
js中支持:数学运算符,逻辑运算符,比较运算符,赋值运算符,位运算符
数学运算符:
没有//整除;++(自加1)--(自减1) ;a=i++先赋值在加一,a=++i先加一在赋值。
比较运算符:
> < >= <= 都不看类型
=== 要看类型
==(相等):判断值是否相等5==‘5’
===(完全相等):判断值和类型是否相等5!==’5‘
!==(不完全相等):
逻辑运算符:&&(与) ||(或) !(非)
位运算:& | ^ ~ >> <<
符合运算:数字>比较>逻辑>赋值
分支结构:if和switch
if结构:
if(条件语句){
代码段
}
else if(条件语句){代码块}
else{代码块}
switch结构:
switch(变量/表达式){
case 值1:{代码段}
case 值2:{代码段}
default:{代码段}
//case后可不写{}
}
先得到变量和表达式的值,从上往下执行,直到遇到与case后的值相等,执行之后的所有代码段,直到遇到break;如果都没有相等的值,就执行default之后的所有代码块。
注意:case后的值不可以一样。
循环:
for(变量 in 序列){}
注意:取出来的是下标或者属性名(key)
for(表达式1;条件语句;表达式3){}
for(num=1,sum=2;num<10;num++){}
for(;a<10;){}
while(条件语句){循环体}
do-while循环
do{循环体} while() 该循环会执行一次代码块,再检查条件是否为真,然后如果条件为真的话,就会重复这个循环。
函数分为声明和调用:声明不会执行函数体,只有调用才执行函数体。
声明:驼峰式命名
function 函数名(参数列表){
函数体
return 返回值
}
函数的调用:函数名(实参列表) 如果参数没有设置默认值,相当于默认值为undefined
只能通过位置参数传参;没有return返回值是undefined。
以声明变量的形式声明函数:
函数名=function(参数列表){函数体 return 返回值}
转义字符:和python一样
字符串长度:字符串.length
获取单个字符:字符串[下标(正的)] 负的下标或者超出范围得到的是undefined。没有切片语法。
相关运算符:
- 如果是其他类型的数据,会先转换为字符串,[1,2,3]转换得到的是“1,2,3”
*不支持,“ab"*2得到NaN,表示一个不存在的数字,数字类型中的一个特殊值。Infinity:无穷大;
数组就是python中的列表,
增删改查
增加:数组.push(元素) 增加到最后
删除:数组.pop(元素) 删除最后一个元素
splice():很强大的数组方法,它有很多种用法,可以实现删除、插入和替换。
删除:可以删除任意数量的项,只需指定 2 个参数:要删除的第一项的位置和要删除的项数。例如, splice(0,2)会删除数组中的前两项。
插入:可以向指定位置插入任意数量的项,只需提供 3 个参数:起始位置、 0(要删除的项数)和要插入的项。例如,splice(2,0,4,6)会从当前数组的位置 2 开始插入4和6。
替换:可以向指定位置插入任意数量的项,且同时删除任意数量的项,只需指定 3 个参数:起始位置、要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。例如,splice (2,1,4,6)会删除当前数组位置 2 的项,然后再从位置 2 开始插入4和6。
splice()方法始终都会返回一个数组,该数组中包含从原始数组中删除的项,如果没有删除任何项,则返回一个空数组。
slice():返回从原数组中指定开始下标到结束下标之间的项组成的新数组。slice()方法可以接受一或两个参数,即要返回项的起始和结束位置。在只有一个参数的情况下, slice()方法返回从该参数指定位置开始到当前数组末尾的所有项。如果有两个参数,该方法返回起始和结束位置之间的项——但不包括结束位置的项
js中没有python中的类;只有对象和构造方法。
p={
name:"hk"
eat:function(){}
}
//使用对象属性
p.name
p["name"]
p.eat()
构造方法:
function 类名(参数列表){
this.属性=属性值
this.属性=属性值
return this //必须写
}
网友评论