js 编程,和python一样属于脚本语言,
//注释。//单行注释。/* 多行注释*/
2,标识符
由字母,数字,下划线和)
3,关键字
var let for if else while function true false
4, 语句
一般一条语句占一行,一行结束后可以写分号也可以不写,如果一行里面写多条语句,语句之间必须有分号。,
js 中没有行和缩进的要求。
5,输出函数
console.log()相当于python中的print()
6,常用的数据类型。
数字,字符串,布尔,数组,函数,对象。
数字(Number)----所有的数字,包括整数,小数,正负数。也支持科学技术法
字符串(String)-----用单引号或者双引号引起来的字符集,字符编码采用的是Unicode,
也支持字符和编码字符。不支持python中的r/R语法。
布尔(Boolean)----只有true和false两个值,
数组(Array) --- 相当于python中的列表,[元素1,元素2,元素3,。。。。]
对象-----相当于python中字典和对象的结合。
声明变量
语法1:
变量名=值
语法2:
var 变量名 = 值 //常用于在函数中声明局部变量。
语法3:
let 变量名=值 或 let 变量名
变量命名采用驼峰式命名,
声明常量
变量中保存的值可以修改,常量中保存的数据不能修改
const 常量名 =值
注意:声明常量的时候,常量必须有初始值。
运算符
数学运算符,比较运算符,逻辑运算符,赋值运算符,位运算
数学运算:+ - * / % ** -- ++
比较运算:> < >= <= == != === !== (不支持表示范围的连续比较写法)
==,!= ----------比较值是否相等,但是不管类型。
逻辑运算:逻辑与(&&),逻辑或 ( ||), 逻辑非(!)
分之结构: if 和switch
if语句
if(条件语句){
满足条件需要执行的代码段
}
if (条件语句){
代码段1
}else{
代码段2
}
if (条件语句1){
代码段1
}else if (条件语句2){
代码段2
}else if (条件语句3){
代码段3
}
2,switch
语法:
switch(表达式){
case 值1:{
代码段1
}
case 值2 :{
代码段2
}
。。。。。。。
default:{
代码段4
}
}
执行过程:先计算表达式的结果,然后让这个结果依次和每个case后面的值进行比较,如果哪个case后面的值和结果相等,那么就将这个case作为入口,依次执行后面每个case后的代码段,执行到最后一个代码段或者遇到break为止。
声明函数
function fun1 (){
a1=100 //没有关键字的变量声明,是声明的全局变量。
var a2 =200
let a3 = 300
console.log(a1,a2,a3)
}
循环结构:for 和 while
python中for 循环。变量取到的是变量对应的索引
for(变量 in 序列){
循环体
}
while (条件语句){
循环体
}
表达式1
while(表达式2)
不定长参数,声明的时候不需要传参,但是要在函数体中用通过arguments来获得所有的实参。
function sum1(){
console.log(x,argumnets)
}
匿名函数
func11 = function (形参列表){
函数体
}
创建对象
function Student(name.age){
this.name=name
this.age=age
this.gender='男'
this.eat=functuin(food){
console.log(this.name+'再吃‘+food);
}
}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
<script type="text/javascript">
//1.======= 函数==============
/*
1)函数的声明
function 函数名(形参列表){
函数体
}
2)函数调用
和python一样
3)函数的参数
位置参数有效
关键字参数无效
参数默认值有效
*/
function sum(x, y=100){
console.log(x, y, arguments)
return x+y;
}
sum(10, 20);
sum(200);
//不定长参数: 声明的时候不需要形参,然后在函数体中通过arguments来获取所有的实参
function sum1(){
console.log(arguments)
var sum = 0;
for(var x in arguments){
console.log('x:', x);
sum += arguments[x];
}
return sum;
}
console.log(sum1(10, 20, 30));
function func1(x){
console.log(x, arguments);
}
func1(10);
func1(10, 20);
function func2(x, y){
console.log(x, y, arguments);
}
func2(10);
// 4)匿名函数
/*
function(形参列表){
函数体
}
*/
func11 = function(num1, num2){
return num1 + num2;
}
console.log(func11(20, 30));
arr1 = [10, function(x){return x**2}, 'abc'];
// console.log(arr11)
//5)自调用函数
/*
(function(形参列表){
函数体
})()
*/
let a = (function (x, y){
console.log(x, y)
return x*y
})(2, 3);
console.log(a)
</script>
<script type="text/javascript">
//================对象==================
/*
对象中主要包含对象属性和对象方法
1.创建对象: 可以通过声明对象字面量来创建对象; 也可以通过不同的构造函数来创建不同的对象
1)通过声明对象字面量来创建对象:
变量 = 对象字面量
*/
stu1 = {
//对象属性
name:'小明',
age: 18,
gender: '男',
//对象方法
eat:function(food){
// 通过对象调用对象方法的时候,方法中的this指向当前对象,和self功能一样
console.log(this)
console.log(this.name+'吃'+food)
}
}
console.log(stu1.name, stu1.age)
stu1.eat('面条')
stu2 =
{
//对象属性
name:'小花',
age: 19,
gender: '女',
//对象方法
eat:function(food){
// 通过对象调用对象方法的时候,方法中的this指向当前对象,和self功能一样
console.log(this)
console.log(this.name+'吃'+food)
}
}
// 2) 通过构造函数创建对象
/*
变量 = new 构造函数()
*/
function Student(name, age=0){
// 对象属性
this.name = name;
this.age = age ;
this.gender = '男';
//对象方法
this.eat = function(food){
console.log(this.name+'在吃'+food);
}
}
stu11 = new Student('小明', 20);
console.log(stu11.name, stu11.age);
stu11.eat('面包');
stu12 = new Student('Tom', 22)
stu12.gender = '女'
var x = 'age'
console.log(stu12.name, stu12.age, stu12['name'], stu12[x]);
stu12.eat('苹果');
stu12.age = 24
stu12['age'] = 30
//添加属性
stu12.score = 100
stu12.play = function(){
console.log(this.name+'在玩耍')
}
console.log(stu12.score, stu11.score)
stu12.play()
// stu11.play()
let num1 = 1001
let num2 = new Number(2001)
console.log(num1, num2+100)
// 3. ======prototype=======
/*
类.prototype.属性名 = 值 -> 给指定类型的所有对象添加属性
*/
Student.prototype.studyId = '001'
stu12.studyId = '002'
console.log(stu11.studyId, stu12.studyId)
Number.prototype.getLast = function(){
return this%10
}
num3 = new Number(123)
console.log(num3.getLast())
</script>
类 . prototype.属性 = 值 ---- 给指定类型的所有对象添加属性。
js中字符串也是单引号或者双引号引起来的
获取单个字符串:字符串[下标]
注意:下标范围只有:0-字符串长度-1,如果下标越界不报错,结果undefined
切片:字符串 . slice(开始下标,结束下标)
注意:开始下标能取到,结束下标取不到。