js基础

一.js基础

1.注释(和c语言一样)

单行注释 //
多行注释 /* 内容 */

2.标识符

标识符就是 用来命名的(给变量命名,函数命名,对象命名)
js中要求标识符是由字符、数字、下划线和组成,数字不能开头 js中大小写敏感 var abc abc12

console.log(abc) -->在控制台打印括号中的内容

3.常用数字类型

数字类型(Number)、布儿(Boolean)、字符串(String)、数组(Array)、对象(Object)、function(函数)等
数字类型(Namber):包含所有的数字(整数和小数)、支持科学计数法,不支持复数


image.png

布尔(Boolean):true和false


字符串(String):用单引号或者双引号括起来


image.png

数组(Array):相当于python中列表


image.png

对象(Object):python中对象和字典的结合


image.png

Function(函数):相当于python中的函数


image.png

typeof(数据) - 获取数据类型


image.png

new类型名(数据) - 将数据转换成指定类型


image.png

常用的特殊值:undefined(相当于python中的None),null(一般用来清空变量)

4.格式:js没有缩进

二.变量

语法:
var 变量命
变量命 = 值
说明:
var - 是js关键字,声明变量变量的时候用,var可以省略,省略的时候变量命后面必须赋值。
不省略的时候变量命后面可以赋值,也可以不用赋值,不赋值的有时候默认为underfind
变量命 - 不能是关键字,驼峰式命名

声明一个变量


image.png

同时声明多个变量命


image.png

变量中的值,可以赋其他任何类型的值


image.png

三.元算符

js中支持:数学运算符,比较运算符,逻辑运算符,赋值运算符,位运算符

1.数学运算符:=,-,/,%,*(js7),++,--

=,-,,/,%,*和python中一样,但是不支持整除(//)

image.png

++(自加1),--(自减1)
变量++,++变量 ,变量--,--变量(注意:变量必须要有值)
注意赋值的时候,++和--写在变量的前面和后面对应的效果不一样

image.png

比较运算:>,<,<=,>=,!=,===,!==,<==,>==
比较运算返回值都是布尔值
==(相等):判断值是否相等
===(完全相等):判断值和类型是否相等


image.png

3.逻辑运算符

&&(与),||(或)、!(非)
运算规则和python中and,or,not一摸一样

4.赋值运算符

赋值运算符:=,+=,-=,*=,/=,%=
和python一样

5.位运算符:&,|,^,~,>>,<<

 和python一样

四.分支结构

js中有两个分支结构,分别是if和switch语句

1.if语句

结构:
if(条件语句){
代码段
}
说明:
if -- 是关键字
(){} -- 固定写法
执行过程:判断条件语句是否为true,为true就执行{}中代码(不管缩进问题)


image.png

if-else结构:
if (条件语句){
代码段1
}else{
代码段2
}


image.png

image.png

2.switch语句

结构
switch(变量/表达式){
case 值1:{
代码段1
}case 值2:{
代码段2
}case 值3:{

       代码段3
   }
   ....
   default:{
       代码段4
   }
   }

    执行过程:先计算表达式的值,然后从上往下一一和case后面的值进行比较,找到第一个表达式相等的case;
        然后将这个case作为值,依次执行后边的所有代码段,知道执行完或者遇到break为止
        如果没有那个case的值和表达式一样,就执行default后面代码段
image.png

练习;从服务器获取到的星期对应的值是0-6,在程序中对应打印其对应的星期值;周一到周天


image.png

练习:将一个变量存成绩点(整数0-5),0:不及格,1-3:及格,4-5:优秀


image.png

五.循环结构

js中的循环有for

1.for循环

a.for-in:和python的for循环的执行过程一样
 /* for (变量 in 序列){
    
    循环体
}
注意:取出来的是元素的下标
image.png

c的for循环结构:
for(语句1;表达式2;语句3){
循环体
}
执行过程:先执行语句1,然后再判断表达式2的结果是否为true,为true就执行循环体,执行完循环体再执行语句3
再判断表达式2的结果是否为true,为true就执行循环体,执行完循环体再执行语句3
依次类推,直到表达式2的结果为false,整个循环就结束
z指导思想:语句1 - 里面写循环开始前的准备工作
表达式2 - 控制循环次数的
语句3 - 改变循环次数


image.png

死循环 -- for(;true;){}

2.while循环

a.while循环:和python的while循环一样
while(条件语句){
循环体
}
b. do-while
do{
循环体
}while(条件语句)
执行过程:先执行循环体,然后在判断条件语句是否为true;
为true执行循环体,执行完有判断条件语句是否为true;
依次类推,指导条件语句的结果为false,循环就结束

3.break和continue

 和python一样

六.函数

函数分为声明和调用,声明的时候不会执行函数体,只有调用的时候才会执行函数体

1.函数的声明

和python相同的声明方式
function 函数名 (参数列表){
函数体
return 返回值
}

说明:
function - 声明函数的关键字
函数名 -- 驼峰式命名,见名知义
参数列表 -- 参数如果没有设置默认值,相当于设置默认值underfined
返回值 -- 没有return就返回underfined

以声明变量的形式声明变量
函数名 = function (参数列表){
函数体
return 返回值
}

image.png

2.函数的调用

函数名 (实参列表)
调用函数的时候,保证每个参数都有值
只能通过位置参数传参

七.数据类型

1.字符串:单引号或者双引号扩起来

a.转义字符:和python一样
b.字符串长度:字符串.length
c.获取单个字符:字符串[下标]
注意:下标取值范围0~长度-1,超出范围取到的是underfined


image.png

相关运算
'+' - 将两个字符串拼接在一起产生一个新的字符
// (注意:如果是一个字符串加上其他数据,会将这个数据先转换字符串再相加)
// js不支持乘法*运算
// js支持比较运算(>,<,==,!=,===,!==) 和python一样,还是比较字符编码值的大小


image.png

相关方法(看菜鸟的表)
match(正则表达式)--根据正则表达式匹配结果
js中的正则表达式是写在//之间的


image.png

八.数组

数组就是python中的列表

1.数组是有序的,可变的,里面的元素可以是任何数据类型

2.数组的增删改查

a.查(获取数组中的下标)
数组[]


image.png

获取数组的长度


image.png

b.增(添加元素)
数组.push(元素) -- 将元素添加到数组的最后


image.png

c.删(删除元素)
数组.pop() --- 删除最后一个元素


image.png

九.对象

js中没有python的类,只有对象和构造方法

1.对象的字面量

对象 = {属性名:属性值,属性名1:属性值2....}


s

2.使用对象属性

对象.[属性名]
对象.属性


image.png

3.构造方法

function 类名(参数列表){
this.属性1 = 属性值1
this 属性2 = 属性值2

        ....
        return this   这句话必须写
}

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

推荐阅读更多精彩内容

  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,184评论 0 13
  • 一、Python简介和环境搭建以及pip的安装 4课时实验课主要内容 【Python简介】: Python 是一个...
    _小老虎_阅读 5,790评论 0 10
  • 01.js基础语法 02.变量的声明 03.运算符 04.分之结构 05.循环结构 06.函数 07.数据类型 0...
    zhazhaK丶阅读 475评论 0 1
  • 1 这是个道听途说的故事。 2006年,22岁的她在济南坐上开往北京的列车。新闻专业大学毕业,她和无数人一样,急匆...
    逗号commas阅读 1,931评论 2 4
  • 简书再慢慢拾起那些当下丢失的美好情怀,而去实现这个浩大的工程极具意义与价值,我当坚定不移的为文化事业奋斗,此乃人生...
    文字_运动_创造阅读 202评论 0 4