1.js
1.js是javascript的缩写,是一门专门用来控制网页内容的行为的脚本语言。
2.如何写
1.写在标签内部（写在变迁的行为相关的属性中，比如按钮的onclicked）
<button onclick="window.alert('hello word')">按钮</button>
<input type="text" onfocus="window.alert('xxx')" />
2.写在script标签中,script可以放在html中的任何位置
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript">点我</script>
</head>
3.写在一个js文件中，通过src导入。
<script type="text/javascript" src=""></script>
3.做什么
a.js可以在网页中插入html代码
b.可以修改标签的内容
c.可以修改标签的样式
2.js基础语法
1.注释 （'//'单行注释，'/* 多行注释 */'）。
2.标识符：和python类似。
3.基本数据类型:Number(数字-包含所有的数字)，Boolean(布尔)，String(字符串)，Array(数组)，Object(对象)。。。
注意:js中没有元组和集合。
常用的特殊的值:NaN(表示不存在的数字),
null (空,一般用来清空变量中的内容),
undefined（变量没有赋值的时候，默认是undefined）
console.log() /相当于python中的print()
4.字面量
Number:10 ,12.5,-100,12e2
Boolean:true false
String:"字符串"或者'字符串',支持转义（类似python）
Array:类似python中的list
Object:{a:100,name:'txf'}.类似python中的字典加对象。key相当于属性，value相当于属性的值
typeof() 查看类型
5.js语句中
a.一条语句结束后可以写分号，也可以不写。如果一行有多个则要写。
b.js中没有缩进语法的要求。需要使用代码块的时候使用{}
3.变量
1.变量的声明
一：
var 变量名 或者
var 变量名 = 初值
'''
1.var:关键字
2.变量名:标识符，不是关键字;驼峰式命名(首字母小写，后面单词首字母大写)
3.初值:可有可无
'''
二：
可以同时声明多个变量
var age ; var name
var age1,name1,stuyId
var age2=10,name2,stuyId
三：
var name = '张三'
name = 100
4.数学运算符
'''
1.数学运算符:+,-,*,/,%,**,++,--
注意:
变量 ++ --------> 自加
变量 -- -------> 自减
注意：
赋值的时候，
++写在变量的后面是先赋值，然后再让变量的值加1，
++写在变量的前面是先加1，然后再赋值
'''
2.比较运算符:>,<,==,!=,===,<=,>=,!==,>==,<==
注意:
相等 '==':只判断值是否相等
完全相等'===' ：判断值和类型是否相等
3.逻辑运算符： &&(与) ||(或) !(非)
4.赋值运算符: =，+=，-=，*=，/=...和python一样
5.三目运算符: ?:
表达式1?值1:值2 ------->判断表达式1的值是否为true,为true运算结果就是值1，为false运算结果就是值2
三个数取最大值
var a=10,b=20,c=15
var max=(a>b?a:b)>c?(a>b?a:b):c
console.log(max)
js.png
5.分支结构
1.if语句，switch语句
一
if (条件语句){
执行语句1
}
二
if (条件语句){
执行语句1
}else{
执行语句2
}
三
if(条件语句){
执行语句1
}else-if(条件语句){
执行语句2
}
if (11%2==0) {
console.log('是偶数')
} else{
console.log('是奇数')
}
if(10%2==0){
console.log('偶数')
}else if(10%2==0){
console.log('奇数')
}else{
console.log('不知道')
}
switch (表达式){
case value:
代码段1
break
case: value:
代码段2
...
default:
代码段3
}
'''
工作原理：首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。
从第一个满足表达式结果等于value开始，依次打印后面的，如果没有找到满足的条件，就执行default里面的代码段。break:跳出循环。
'''
6.循环结构
1.for循环
一
for var 变量 in 序列{
循环体
}
'''
原理:依次从序列中取元素对应的索引，取完为止，每取一个执行一次循环体。
注意:遍历字符串,取的是字符对应的下标
遍历数组，取的是元素对应的下标
遍历对象，取得是属性名(key)
'''
var str='abcd'
for(var i in str){
console.log(str[i]) // i值是索引的下标
}
// 'a','b','c','d'
---------------------------------------------------------------------
二
for(表达式1;表达式2;表达式3){
循环体
}
'''
执行过程:先执行表达式1,然后在判读表达式2的结果是否为true，如果是就执行循环体，执行完在执行表达式3，然后再判断表达式2的结果是否为true，如果是就继续执行，否则结束。直到表达式2位false为止。
'''
for (var i=1;i<10;i++) {
console.log(i)
}
// 1,2,3,4,5...10
for循环.png
2.while循环
一
while(条件语句){
循环体
}
二
do{
循环体
}while(条件语句)
'''
过程:先执行一次循环体，然后再判断条件语句是否为true，为true又执行循环体
'''
7.函数
1.声明
function 函数名(参数列表){
函数体
}
逗号表达式:多个值之间用逗号隔开，整个表达式的结果是最后那个值.
注意：js中不能同时返回多个值(有元组的语法的语言才支持返回多个值)
function test(){
return 'abc',1
}
console.log(test())
// 1
'''
js中，函数也可以作为变量
'''
2.另一种声明函数的方式
var 变量名 = function(参数列表){
函数体
}
var fun1 = function(){
console.log('哈哈哈')
}
console.log(fun1())
// 哈哈哈
// undefined （无返回值）
8.数据类型
1.数字类型(Number):所有的数字对应的类型
var num = new Number() // 0
var num1 = new Number('123') // 123
注意:new 类型名(值)----->可以将其他的类型的数据转换成相应的类型
数字----->布尔: NaN(none)和0是false，其他都是true
字符串--->布尔:空串是false，其他是true
总结:所有的为0为空的转换成布尔是false，NaN，null和undefined都是false;其他的都是true
------------------------------------------------------------------------
2.字符串(String)：unicode编码
a.获取单个字符：通过字符串[下标]
注意：
'''
1.下标:0 ~长度-1 (正)
2.不支持切片
'''
b.长度
字符串.length
c.运算符：比较和+
'''
'+' : 先把两边都转换成String类型（如果有不是Sting类的）再相加（拼接）。
'''
----------------------------------------------------------------------
3.数组（python中的list）
a.有序，可变，元素的类型可以是任意类型的数据
网友评论