js语法基础

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(开始下标,结束下标)
注意:开始下标能取到,结束下标取不到。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 218,204评论 6 506
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,091评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,548评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,657评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,689评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,554评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,302评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,216评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,661评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,851评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,977评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,697评论 5 347
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,306评论 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,898评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,019评论 1 270
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,138评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,927评论 2 355

推荐阅读更多精彩内容