js基础
js基础部分
sanda_nd
这个作者很懒,什么都没留下…
展开
-
.1JS简介
一、语言我们通过编程语言来操作控制计算机,编程语言本质上与英文、中文相同,只是语法比较特殊二、起源JavaScript 最早用于网页中的前端验证(注册账号时常用)网景公司:最早研发JavaScript,后将JavaScript 捐赠出去微软公司:研发 JScript,为了与 JavaScript 竞争三、标准为了使不同浏览器运行的JavaScript 标准相同,所以几个公司共同制定了 ECMAScript四、实现不同浏览器对ECMAScript 的实现方式不同,其...原创 2022-02-27 12:27:13 · 362 阅读 · 0 评论 -
.2初写Javascript
1、JS代码写到 script标签 中,与CSS中的 style标签 类似2、alert(""); 可以写一个警告框3、document.write(""); 在页面中输出一个内容4、console.log(""); 向控制台输出一个内容5、JS代码的执行顺序是从上到下...原创 2022-02-27 12:34:17 · 314 阅读 · 0 评论 -
.3JS的基本用法
1、注释分为多行注释和单行注释,基本用法与CSS相同2、JS中严格区分大小写3、JS中每条语句都要以分号(;)结尾,如果不写分号,浏览器也会自动添加,但位置可能会有错误,所以一般情况下都会将分号写上4、JS中会自动忽略空格和换行...原创 2022-02-28 19:23:16 · 149 阅读 · 0 评论 -
.4字面量和变量
一、字面量字面量是一些不可改变的量,可以直接使用,但是一般情况下我们不会直接使用例如:1、2、3、4、5二、变量变量用来储存字面量,变量的值也可以随意改变,所以变量更加常用x=1其中 x 就是变量,1 就是字面量三、声明变量var 可以用来声明变量为变量赋值声明和赋值也可以同时进行...原创 2022-03-01 14:51:14 · 232 阅读 · 0 评论 -
.5字符串
一、数据类型数据类型指的是字面量的类型,在JS中一共有六种数据类型String 字符串Number 数值Boolean 布尔值Null 空值Undefined 未定义Object 对象前五个为基本数据类型,Object 为引用数据类型二、字符串1、书写字符串需要用引号引起来,单引号和双引号都可以2、引号不能混用和嵌套三、转义字符在字符串中 \ 可以作为转义字符使用,通过转义字符可以表示一些特殊的符号\' 表示 '\" 表示 "\n 表示换.原创 2022-03-01 16:05:51 · 107 阅读 · 0 评论 -
.6标识符
一、标识符在JS中所有可以由我们自主命名的都可以被称为标识符例如:变量名、函数名、属性名二、规则1、标识符中可以含有字母、数字、_ 、$2、标识符不能以数字开头3、标识符不能是JS中的关键字或者保留字4、标识符一般采用驼峰命名法(首字母小写,每个单词的开头字母大写,其余字母小写)5、JS的底层保存标识符时,实际上采用的是Unicode编码,所以理论上所有UTF-8的内容都可以作为标识符...原创 2022-03-02 14:23:41 · 132 阅读 · 0 评论 -
.7Number
一、Number类型在JS中所有的数值都是Number类型二、检查类型可以通过一个运算符 typeof 来检查类型语法:typeof 变量三、最大值和最小值在JS中能表示的最大值在JS中能表示的0以上的最小值注意:1、如果Number表示的数超过了最大值,则会返回正无穷 2、 如果Number表示的数不是一个数字,则会返回NaN四、 计算Number可...原创 2022-03-02 14:48:23 · 127 阅读 · 0 评论 -
.8布尔值、Null和Undefined
一、布尔值Boolean,只有两个值返回值二、NullNull类型的值只有一个,null(专门用来表示一个空的对象)返回值三、UndefinedUndefined类型的值只有一个,undefined(声明一个变量而不赋值则为该值)返回值...原创 2022-03-03 13:15:54 · 441 阅读 · 0 评论 -
.9强制类型转换-String
一、第一种方法被转换的变量.toString()不会影响到原变量,Null类型和Undefined类型不适用二、第二种方法String(被转换的变量)Null类型和Undefined类型适用,直接将null转换为"null",将undefined转换为"undefined"...原创 2022-03-03 13:45:09 · 1202 阅读 · 0 评论 -
.10强制类型转换Number
一、第一种方式使用Number( )函数~字符串-->数字1、纯数字的字符串可以直接转2、如果含有非数字的内容则转换为NaN3、如果字符串是一个空串或里面含有空格,则返回0~布尔值-->数字1、true-->12、false-->0~Null-->数字返回0Undefined-->数字返回NaN(缺点:只要字符串含有非数字的内容,都会转换成NaN)二、第二种方式1、parseInt() 将字符串转换成一个整数原创 2022-03-04 08:57:44 · 632 阅读 · 0 评论 -
.11在JS中表示其他进制
一、十六进制以0x开头二、 八进制以0开头三、 二进制以0b开头,不是所有浏览器都支持四、注意有些浏览器会将"050"当成8进制使用,有些会当成10进制使用,可以向函数中传递参数来解决问题...原创 2022-03-04 09:08:57 · 147 阅读 · 0 评论 -
.12强制类型转换-Boolean
1、使用Boolean函数进行转换2、转换规则:数字-->布尔 除了0和NaN都是true 字符串-->布尔 除了空串都是true Null和Undefined都转换成false 对象会转换成true...原创 2022-03-05 10:22:36 · 1094 阅读 · 0 评论 -
.13算术运算符
一、运算符运算符也叫操作符,可以通过运算符对一个或多个数值进行计算二、typeof前面用到的 typeof 也是一种运算符,会将检测出来的类型以字符串的形式返回三、二元运算符需要两个操作数进行运算加法:1、两个字符串相加,会进行拼串2、一个字符串与另一个非字符串的数相加,另一个数都会先转成字符串 利用这个特点,可以将其他类型的数转换为字符串3、其他类型的数相加都会先转换成Number,再计算 true--1 fal...原创 2022-03-05 10:39:20 · 93 阅读 · 0 评论 -
.14一元运算符
1、一元运算符可以将其他类型的数转换为Number2、正号不会对数字产生任何影响3、负号对数字进行取反,取反两次得原值原创 2022-03-06 08:19:41 · 73 阅读 · 0 评论 -
.15自增和自减
一、自增通过自增使变量在自身的基础上加1,自增后原变量会立刻加1自增有两种:变量++,++变量变量++(等于原变量的值)++变量(等于原变量的新值)二、自减通过自减使变量在自身的基础上减1,自减后原变量会立刻减1自减有两种:变量--,--变量变量--(等于原变量的值)--变量(等于原变量的新值)...原创 2022-03-06 08:27:59 · 183 阅读 · 0 评论 -
.16逻辑运算符
一、逻辑运算符在JS中有三种逻辑运算符,!(非)&&(与) ||(或)二、非!就是对一个布尔值进行取反操作对于非布尔值的数,可先将其转化为布尔值再取反取两次反不会发生任何变化三、与&& 对符号两侧进行与运算运算规则:有false就是false四、或|| 对符号两侧进行或运算运算规则:有true就是true...原创 2022-03-07 11:59:02 · 270 阅读 · 0 评论 -
.17非布尔值的与或运算
一、非布尔值的与运算先将其转换为布尔值,再运算,返回的是原值运算规则:如果第一个值是true,则返回第二个值 如果第一个值是false,则返回第一个值二、非布尔值的或运算与上面的相同,只是运算规则不同运算规则:如果第一个值是true,则返回第一个值如果第一个值是false,则返回第二个值...原创 2022-03-07 12:08:42 · 266 阅读 · 0 评论 -
.18赋值运算符
1、= 可以将符号右边的值赋给左侧的变量2、+= a+=1等价于a=a+1 -= a-=1等价于a=a-1 *= a*=1等价于a=a*1 /= a/=1等价于a=a/1%= a%=1等价于a=a%1原创 2022-03-08 11:42:18 · 100 阅读 · 0 评论 -
.19关系运算符
一、关系运算符通过关系运算符可以比较两个值之间的大小关系,关系成立返回true,不成立返回false二、>和>=> ,判断左侧的值是否大于右侧>=,判断左侧的值是否大于等于右侧三、<和<=< ,判断左侧的值是否小于右侧<=,判断左侧的值是否小于等于右侧四、非数值的情况1、对于非数值进行比较时,先转换成数值再进行比较2、任何值和NaN做任何比较,都是false3、如果两侧都是字符串的情况下,会比较字符串中字符的Unic原创 2022-03-08 11:56:22 · 152 阅读 · 0 评论 -
.20Unicode编码表
一、在JS中在字符串中使用转义字符输入Unicode编码语法:\u四位编码二、在网页中语法:&#编码;但要注意这里的编码应该是十进制的,需要通过计算机将十六进制转换为十进制...原创 2022-03-09 11:50:30 · 263 阅读 · 0 评论 -
.21相等运算符
一、==相等返回true,不等返回false二、!=三、 ===四、!==原创 2022-03-09 11:55:20 · 114 阅读 · 0 评论 -
.22条件运算符
一、条件运算符又叫三元运算符语法:条件表达式?语句1:语句2;执行流程:首先对条件表达式进行求值,如果值为true,则执行语句1,并返回执行结果;如果值为false,则执行语句2,并返回执行结果二、特殊情况条件表达式的值是非布尔值时,先将其转换为布尔值再运算...原创 2022-03-10 12:25:29 · 127 阅读 · 0 评论 -
.23运算符的优先级
一、,使用 , 可以声明多个变量二、优先级像数学中一样,在JS中运算符同样有优先级在JS中有一个运算符优先级的表,在表中越靠上,优先级越高,如果优先级相同,则从左向右计算在开发中,我们不需要记住这个表,遇到优先级不清楚的,可以加上括号来改变优先级...原创 2022-03-10 12:41:12 · 142 阅读 · 0 评论 -
.24代码块
1、我们的程序是由一条一条语句构成的,语句是按照自上向下的顺序一条一条执行的2、在JS中可以使用 { } 来进行分组,同一个 { } 为一组语句,它们同时执行或者同时不执行,一个 { } 的语句就称为代码块,代码块的后面不需要再写;3、JS中代码块只有分组的作用,没有其他用途,里面的内容外部是可见的...原创 2022-03-11 12:26:44 · 56 阅读 · 0 评论 -
.25if语句
一、流程控制语句通过流程控制语句可以控制程序执行流程,使程序根据一定的条件执行语句的分类:1、条件判断语句 2、条件分支语句 3、循环语句二、条件判断语句使用条件判断语句可以在执行某个语句之前进行判断,条件成立才会执行语句,条件不成立就不会执行if语句语法一:if(条件表达式){语句 }1、if语句只能控制仅随后面的...原创 2022-03-11 12:51:47 · 140 阅读 · 0 评论 -
.26if练习
一、练习一键盘输入小明的期末成绩,不同的成绩得到不同的奖励二、练习二女方根据男方的身高、财富和脸来决定是否嫁人三、练习三输入三个数,并按从小到大的顺序进行排列...原创 2022-03-12 13:12:46 · 190 阅读 · 0 评论 -
.27switch语句
一、条件分支语句switch语句又叫条件分支语句语法:switch(条件表达式){ case 表达式:语句....break;case 表达式:语句.... break; default:...原创 2022-03-12 13:28:50 · 483 阅读 · 0 评论 -
.28switch练习
键盘输入成绩,大于60分及格,小于60分不及格原创 2022-03-13 14:53:47 · 286 阅读 · 0 评论 -
.29while循环和do while循环
一、while循环语法:while(条件表达式){ 语句..... }执行流程:先对条件表达式求值判断,如果值为true,则执行语句;之后再进行判断,循环 如果值为false,则终止循环 如果条件表达式恒为真,则称为死循环,慎用二、循环创建循环一般分三个步骤:1、创建一个初始化...原创 2022-03-13 15:13:53 · 527 阅读 · 0 评论 -
.30while练习
一、练习一假如投资的年利率为5%,试求从1000块增长到5000块,需要花费多少年二、练习二将之前的练习进行改进,使得在输入有效数字之前一直处于循环中原创 2022-03-14 11:55:14 · 176 阅读 · 0 评论 -
.31for循环
1、for语句也是一个循环语句,称为for循环2、语法:for(初始表达式;条件表达式;更新表达式){ 语句..... }3、执行顺序:先执行初始表达式,再根据条件表达式的值进行判断,若结果为true,则执行语句,执行更新表达式,再进行判断,进行循环;若结果为false,则跳出循环4、5、这种为死循环,不建议使用...原创 2022-03-14 12:09:20 · 303 阅读 · 0 评论 -
.32for循环练习
一、练习一打印1-100之间所有奇数之和二、练习二打印1-100之间所有7的倍数的个数及总和三、练习三打印所有的水仙花数(水仙花数指的是个位*个位+十位*十位+百位*百位等于本身)四、练习四键盘输入数字,并判断该数是否为质数(质数:只能被1和本身整除的数,1不是质数也不是合数,质数必须是大于1的自然数)...原创 2022-03-15 13:15:51 · 94 阅读 · 0 评论 -
.33嵌套的for循环
1、页面输出该图形2、页面输出该图形3、页面输出该图形原创 2022-03-15 13:23:22 · 285 阅读 · 0 评论 -
.34嵌套的for循环练习
一、练习一打印九九乘法表二、 练习二打印1-100之间的质数原创 2022-03-16 12:02:07 · 90 阅读 · 0 评论 -
.35break和continue
一、breakbreak关键字可以用来退出switch和循环语句,if语句无法使用(循环中的if语句可以使用)break关键字会立即终止离它最近的循环语句若想要跳出外部循环,需要创建一个label(循环语句),来标识当前的循环,可以在break后跟一个label,来结束指定的循环二、continuecontinue关键字可以用来跳过当次循环,对离它最近的循环起作用...原创 2022-03-16 12:19:50 · 94 阅读 · 0 评论 -
.36质数练习改进
一、改进一二、改进二原创 2022-03-18 13:21:30 · 104 阅读 · 0 评论 -
.37对象的简介
1、基本数据类型都是单一的值,值和值之间没有联系2、对象是复合的数据类型,在对象中可以保存多个不同数据类型的属性3、对象的分类:1、内建对象(在JS中,可以随意使用)(Number、string、Boolean、Object) 2、宿主对象(BOM(浏览器对象模型)、DOM(文档对象模型),两组对象) (console.log(); document.write();)...原创 2022-03-18 13:32:58 · 191 阅读 · 0 评论 -
.38对象的基本操作
1、创建对象使用new关键字调用的函数,是构造函数constructor,构造函数专门用来创建对象语法:var 对象 = new Object( )2、向对象中添加属性语法:对象.属性名='属性值';3、读取对象中的属性(如果读取对象中没有的值,会返回undefined)语法:对象.属性名4、修改对象的属性值语法:对象.属性名='新值';5、删除对象的属性语法:delete 对象.属性名...原创 2022-03-19 11:28:59 · 82 阅读 · 0 评论 -
.39属性名和属性值
一、属性名对象的属性名可以随便起,但使用特殊字符时,需要用下面的形式语法:对象['属性名']=属性值输出时也要采用该种形式这种形式,更加常用,并且可以直接传递变量二、属性值属性值可以为任意的数据类型,可以是一个对象检查对象中是否含有某个属性,有返回true,没有返回false语法;'属性名'in对象...原创 2022-03-19 11:38:57 · 1837 阅读 · 0 评论 -
.40基本数据类型和引用数据类型
1、基本数据类型:String、Number、Boolean、Null、Undefined 引用数据类型:Object2、JS中的变量都保存到栈内存中基本数据类型的值保存到栈内存中,值和值之间是独立的,互不影响引用数据类型,每创建一个对象,会在堆内存中开辟一块空间,它的变量存于栈内存中, 变量的值是堆内存中的地址如果两个变量保存的是同一个堆内存的地址,则改变一个变量的属性值会影响另一个若改变的是变量值,则不会对另一个产生影响3、当比较两个基本数据类型时,...原创 2022-03-20 12:20:29 · 287 阅读 · 0 评论