JavaScript 01 语法基础
- 格式:ppt
- 大小:1.82 MB
- 文档页数:46
js使用手册JavaScript(简称JS)是一种脚本语言,用于在网页上实现交互效果和动态内容。
它是目前使用最广泛的编程语言之一,因为它可以用于开发网页应用、游戏、桌面应用等各种类型的程序。
本文将为你提供一份简明的JavaScript使用手册,介绍了JavaScript的基本语法、数据类型、函数、控制流和常见的操作等内容。
一、基本语法:1.注释:可以使用双斜杠(//)进行单行注释,或使用斜杠和星号(/*...*/)进行多行注释。
2.变量和常量:使用var关键字声明变量,使用const关键字声明常量。
JavaScript使用弱类型,所以变量可以在不同的数据类型之间进行转换。
3.数据类型:JavaScript包含了多种数据类型,包括数字、字符串、布尔值、数组、对象等。
可以使用typeof操作符来检查变量的数据类型。
4.运算符:JavaScript支持常见的算术运算符(例如+、-、*、/)和逻辑运算符(例如&&、||、!),以及比较运算符(例如==、>、<)。
5.字符串操作:可以使用+运算符来连接字符串,也可以使用字符串模板(`${...}`)来创建格式化的字符串。
二、数据类型:1.数字类型:JavaScript中的数字包括整数和浮点数。
可以进行基本的算术运算,也可以使用内置的Math对象来进行高级的数学计算。
2.字符串类型:JavaScript中的字符串以单引号('...')或双引号("...")括起来。
可以使用一系列内置的字符串方法来操作和处理字符串。
3.布尔类型:JavaScript中的布尔类型只有两个值,true和false。
可以通过逻辑运算符和比较运算符来进行布尔运算。
4.数组类型:JavaScript中的数组可以存储多个值,并根据索引进行访问。
可以使用一系列内置的数组方法来操作和处理数组。
5.对象类型:JavaScript中的对象是一种复合数据类型,可以存储键值对。
JavaScript基础知识点总结//逗比小憨憨/*第一章*HTML引用js方法:*1,外部引用:HTML外部引用js:<script src='js/day1.js'></script>*2,内部引用:<script> alert('逗比小憨憨');</script>*3,元素事件引用:<input type='button' value='button' onclick='alert('welcome')' />*//*第二章* 变量定义:* 1,变量由数字,字母,下划线,$组成,且不能以数字开头* 2,变量不能使用系统关键词* 3变量定义语法:var 变量1=变量值,变量2=变量值,...;*///举例:var a = 10;document.write(a);//在页面输出一个内容/** 数据类型:* 1,基本数据类型:数字,字符串,布尔值,未定义值(undefined),空值(null)* 2,引用数据类型:数组,对象* 其中:数字不区分整型和浮点型*//** 运算符:* 1,算术运算符: - * / % --* 加法运算规则:数字数字=数字;数字字符串=字符串;字符串字符串=字符串* 2,*///举例:var a = 10;var str = '逗比小憨憨';document.write(str a, typeof(str a));/** 赋值运算符:= = -= *= /=* 比较运算符:> < >= <= == !=* 逻辑运算符:&& || !* 条件运算符:var b=条件?表达式1:表达式2;//相当于C语言中三目运算符*//** 表达式语句:一个分号对应一条语句* 类型转换:* 1,隐式类型转换(js自动完成的)* 2,显式类型转换* (1)字符串转数字:Number(),parseInt(),parseFloat()(字符串必须是数字字符串)* (2)数字转字符串:toString* (3)转义字符:\' \' \n等* 3,注释:单行注释和多行注释用法:与C语言注释一样*///举例:document.write('Number(\'123\'):' Number('123') '<br/>');document.write(parseInt(' 123.456px'));//第一个字符为或-也进行转换,从左往右取整数document.write(parseFloat('123.456px'));var num = 123;document.write(num.toString());/*第三章* 流程控制:* 1,顺序结构:程序代码从上到下,从左到右依次执行* 2,选择结构:* (1)if语句:(单重if)* <1>:if(条件){语句块}* <2>:if(条件){语句块} else{语句块}* <3>:if(条件){语句块} else if(条件){语句块} else{语句块} * (2)switch语句:* switch(判断值){ case 取值1:语句块1;break;* case 取值2:语句块2;break;* ...* default:语句块n;break;}* 3,循环结构:* (1)while循环:* while(条件){语句块}* (2)do...while循环:* do{语句块}while(条件);* (3)for循环:* for(初始化表达式;条件表达式;循环后操作表达式){语句块} *///举例:计算1 2 3 (100)var n = 1, sum = 0;while(n <= 100){sum = n;n ;document.write(sum);//找出100-1000中的水仙花数var str1 = '';for(var i = 100; i < 1000; i ){var a = i / 100; //取百位上的数字a = parseInt(a);var b = i % 100 / 10; //取十位上的数字b = parseInt(b);var c = i % 10; //取个位上的数字c = parseInt(c);if(i == (a * a * a b * b * b c*c*c)) {str1 = str1 i '、';}}document.write('水仙花数有:' str1); //判断一个数是不是整数window.onload = function(){var n = 3.14159;if(parseInt(n) == parseFloat(n)) {document.write(n '是整数');}else{document.write(n '不是整数');}/*第四章* 函数:* 1,函数的定义:函数名命名规则遵循变量命名规则* (1)没有返回值的函数定义:function(参数1,参数2,...){语句块}* (2)有返回值的函数定义:function(参数1,参数2,...){语句块; return 返回值}* 2,变量的作用域:全局变量,局部变量* 3,函数的调用:* (1)直接调用:函数名(实参1,实参2,...);* (2)在表达式中调用:例如:var sum = 函数名(实参1,...)* (3)在超链接中调用:<a href='javascript:函数名'> </a>* (4)在事件中调用* 4,函数嵌套* 5,内置函数:比如:parseInt()*///举例:function add_sum(e, f){var sum = e f;document.write(sum);}add_sum(10, 20);function test(){alert('doubi');}//供超链接调用测试的函数/*第五章* 1,js中对象分为:自定义对象和内置对象* 2,常用的内置对象:字符串对象,数组对象,日期对象,数值对象* 3,字符串对象相关知识点:* 3.1 获取字符串长度:语法:字符串名.length* 3.2大小写转换:字符串名.toLowerCase(),字符串名.toUpperCase()* 3.3获取一个字符:字符串名.charAt(n)* 3.4获取字符串:字符串名.substring(start, end)* 3.5替换字符串:字符串.replace(原字符串或正则表达式, 替换字符串)* 3.6分割字符串:字符串.split('分隔符')* 3.7检索字符串的位置:字符串.indexOf(指定字符串),字符串.lastIndexOf(指定字符串)* indexOf:返回首次出现的位置lastIndexOf:返回最后一次出现的位置没找到返回-1* 3.8删除字符串中的一个字符:*///举例var str = 'This is doubixiaohanhan';document.write('字符串长度为:' str.length);//空格也计算在内document.write('转为大写字母:' str.toUpperCase());document.write('转为小写字母:' str.toLowerCase());document.write('获取第3个字符: ' str.charAt(3));//字符串下标从0开始计算document.write(str.substring(8, 23));document.write(str.replace('doubixiaohanhan','hahahahahaha'));var str1 = str.split(' ');//以空格作为分隔符for(var i = 0; i < 3; i )document.write(str1[i]);document.write(str.indexOf('bi'));document.write(stIndexOf('han'));//找出字符串中所有字符b,不区分大小写var n = 0,str1 = 'doubixiaohanhan';document.write('源字符串:' str1);for(var j = 0; j < str1.length; j ){var char = str1.charAt(j);if('h' == char.toLowerCase()){document.write(char);n = n 1;}}document.write('字符串中有' n '个字符h');//统计字符串中数字的个数function get_number(str){var num = 0, i = 0;while(i < str.length){var char = str.charAt(i);if((char != ' ') && (!isNaN(char))){//isNaN:不是数字则返回true num ;}i ;}alert('执行完毕');return num;}var ret = get_number('dou120k53KDDD6656'); document.write(ret);/*第六章:数组对象* 1,数组的创建:(数组中可以存储不同类型的数据)* (1)完整形式:var 数组名=new Array(元素1,元素2,..)* (2)简写形式:var 数组名=[元素1,元素2,...]* 2,数组的获取:使用下标获取,下标从0开始* 3,数组的赋值:arr[i]=值;* 4,获取数组的长度:数组名.length* 5,截取数组:数组名.slice(start, end)* 6,为数组添加元素:* (1)在数组开头添加元素:数组名.unshift(元素1,元素2,...)* (2)在数组末尾添加元素:数组名.push(元素1,元素2,...)* (3)在数组首部删除元素:数组名.shift()* (4)在数组末尾删除元素:数组名.pop()* (5)数组排序:升序:数组名.sort(up) 降序:数组名.sort(down) * 其中:function up(a,b){return a-b;} function down(a,b){return b-a;}* (6)数组颠倒顺序:数组名.reverse()* (7)将数组元素连接成字符串:数组名.join('连接符')* (8)*///举例var arr = ['js','jquery'];document.write(arr '\n');arr.unshift('db');arr.push('ab');document.write(arr);arr.shift();arr.pop();document.write(arr);var arr1 = [3, 6, 2, 5, 8, 1];document.write(arr1);function up(a,b){return a-b;}arr1.sort(up);document.write(arr1);function down(a,b){return b-a}arr1.sort(down);document.write(arr1);var arr = ['js','jquery','abcd'];var re = arr.join('');document.write(re);document.write(typeof(re));//例题:将字符串所有字符颠倒顺序function test(str){var arr = str.split('');document.write(typeof(arr));arr.reverse();var re = arr.join('');document.write(typeof(re));return re;}document.write('javascript颠倒后: ' test('javascript'));/*第七章:时间对象* 创建一个日期对象必续使用new关键字:语法:var 日期对象名 = new Date();* Date对象的方法有很多,主要分为两大类:获取时间:getXxx() 和设置时间:setXxx()** getFullYear() 获取年份:取值4位数字* getMonth() 获取月份:取值0(一月)-11(十二月)整数* getDate() 获取日数:取值0-31整数* getHours() 获取小时:取值0-23整数* getMinutes() 获取分钟:取值0-59整数* getSeconds() 获取秒数:取值0-59整数* getMilliseconds() 获取毫秒* getDay() 获取星期几:0表示星期天* setFullYear(year,month,day) 设置年月日* setMonth(month,day) 设置月日* setDate(day) 设置日 : 1-31整数* setHours(hour,min,sec,millsec) 设置时分秒毫秒* setMinutes(min,sec,millsec) 设置分秒毫秒* setSeconds(sec,millsec) 设置秒毫秒*///举例var d = new Date();var myyear = d.getFullYear();var mymonth = d.getMonth();var myday = d.getDate();var myday1 = d.getDay();var weekend = ['星期天','星期一','星期二','星期三','星期四','星期五','星期六'];document.write(myyear '年' (mymonth 1) '月' myday '日' weekend[myday1]);/*第八章:数学对象* 数学对象不需要使用new关键字来创造,而是直接使用它的属性和方法* 语法: Math.属性 Math.方法* 注:属性往往都是常量,比如:圆周率:PI (常用格式:度数*Math.PI/180)* Math中方法常用有:* max min sin cos tan asin acos atan floor ceil random atan2 * Math中方法不常用有:* abs sqrt log pow exp* random():用于生成0-1之间的随机数,即: [0,1)* 随机生成某个范围的任意数:* 1,Math.random()*m:生成0~m之间的随机数* 2,Math.random()*m n:生成n~m n之间的随机数* 3,Math.random()*m-n:生成-n~m-n之间的随机数* 4,Math.random()*m-m:生成-m~0之间的随机数*///举例var a = Math.max(3,9,10,2,4,6,12,67,9);document.write(a);var b = 0.6;document.write(Math.floor(b));//floor向下取整document.write(Math.ceil(b)); //ceil向上取整document.write(Math.random()*10);//例题:生成随机验证码function random_validate(str){var arr = str.split('');var result = '';for(var i = 0;i < 4; i ){var n = Math.floor(Math.random()*arr.length);result = arr[n];}return result;}document.write(random_validate('asjcbakavbavakvhakjbvkv JASSDKABKAVAVJ24123435'));/*第九章:DOM基础* DOM:document object model文档对象模型(W3C定义的一个标准)* DOM操作:理解:元素操作;DOM采用树形结构* 重点:每一个元素就是一个节点,每个节点就是一个对象。
JavaScript脚本语言教程第一章:引言JavaScript是一种用于编写交互式网页的脚本语言。
它是一种强大而灵活的语言,在现代Web开发中得到了广泛应用。
本教程将介绍JavaScript的基本语法、数据类型和常用功能,帮助初学者快速入门。
第二章:JavaScript语法基础2.1 变量与数据类型JavaScript的变量使用关键字"var"声明,并且不需要提前声明变量类型。
JavaScript有多种数据类型,包括数字、字符串、布尔值、数组和对象等。
本节将详细介绍变量的声明和数据类型的使用。
2.2 运算符与表达式JavaScript中包含多种运算符,包括算术运算、赋值运算、比较运算和逻辑运算等。
作者将逐个介绍这些运算符的使用方法,并给出示例代码。
2.3 控制流程语句JavaScript的控制流程语句包括条件语句、循环语句和函数等。
本节将详细介绍这些语句的用法,并通过实例讲解其具体应用场景。
第三章:JavaScript高级特性3.1 对象与原型JavaScript是一种面向对象的语言,它通过对象和原型来实现封装和继承。
本节将介绍JavaScript中对象的创建、属性的添加和访问,以及原型的使用方法。
3.2 函数和闭包函数是JavaScript中的一等公民,它具有多个强大的特性,如函数的嵌套、匿名函数和闭包等。
这些特性使得JavaScript在处理复杂逻辑时非常灵活。
本节将讲解函数的定义、调用和参数传递,并详细介绍闭包的概念和用法。
3.3 异步编程与事件驱动JavaScript采用单线程执行模型,但通过异步编程和事件驱动的方式来处理并发任务。
本节将介绍异步编程的原理和常用的异步编程模式,包括回调函数、Promise和async/await等。
第四章:JavaScript与浏览器交互4.1 DOM操作JavaScript可以通过Document Object Model (DOM)来操作网页的结构和内容。
JavaScript 基础知识 - 入门篇(一)最近一直有小伙伴跟我说JS有很多知识点经常不用,已经忘记的差不多了。
平时找一个小问题都要在网上找半天,希望能有一套比较全面的笔记或者文章。
但是网上的文章太过于分散,学习起来不是很方便。
恰巧最近比较闲,所以为大家整理出来了一套比较全面的JS基础阶段的文章,对于初学者还是很有帮助的,如果你是一名熟练掌握JS的攻城狮,你可能会觉得文章写得太过于啰嗦,但是为了照顾大家,啰嗦一点还是有必要的。
由于是自己所写,所以里面有些语言可能表达的有些不明确,不明白的可以给我留言。
1. 初识JS1.1 什么是JS语言javascript是一种运行在客户端的脚本语言客户端:即接受服务的一端,与服务端相对应,在前端开发中,通常客户端指的就是浏览器。
脚本语言:也叫解释型语言,特点是执行一行,解释一行,如果发现报错,代码就停止执行。
1.2 JS的三个组成部分javascript的三个组成部分:ECMAScript、BOM、DOMECMAScript:定义了javascript的语法规范。
BOM:一套操作浏览器功能的API。
DOM:一套操作页面元素的API。
1.3 script 标签1、script标签的书写方式书写Javascript代码有两种方式,第一种是直接在script标签中书写,第二种是将代码写在js文件中,通过script的src属性进行引入。
直接在script中书写javascript代码:!-- type="text-javascript" 可以省略 --script type="text-javascript"alert("今天天气真好呀");通过script标签引入一个JS文件,需要指定src属性:!-- 表示引用了test.js文件,并且script标签内不可以继续写代码--script src="test.js"-script如果script标签指定了src属性,说明是想要引入一个js文件,这个时候不能继续在script标签中写js代码,即便写了,也不会执行。
一. 与html结合方式1. 内部JS:定义<script>,标签体内容就是js代码(可以理解为和html代码写在一起)2. 外部JS:定义<script>,通过src属性引入外部的js文件(单独定义的JS代码,没有和html代码写在一块)* 注意:1. <script>可以定义在html页面的任何地方。
但是定义的位置会影响执行顺序。
2. <script>可以定义多个。
二. 注释和Java语言一样1. 单行注释://注释内容2. 多行注释:/*注释内容*/三. 数据类型:1. 原始数据类型(基本数据类型):(不知道原始数据类型也可以学好JavaScript)1. number:数字。
整数/小数/NaN(not a number 一个不是数字的数字类型)2. string:字符串。
字符串 "abc"、"a" 、'abc'3. boolean: true和false4. null:一个对象为空的占位符5. undefined:未定义。
如果一个变量没有给初始化值,则会被默认赋值为undefined2. 引用数据类型:对象四. 变量1、变量:一小块存储数据的内存空间2、Java语言是强类型语言,而JavaScript是弱类型语言。
* 强类型:在开辟变量存储空间时,定义了空间将来存储的数据的数据类型。
只能存储固定类型的数据* 弱类型:在开辟变量存储空间时,不定义空间将来的存储数据类型,可以存放任意类型的数据。
3、语法:* var 变量名= 初始化值;4、typeof运算符:获取变量的类型。
* 注:null运算后得到的是object五. 运算符(和Java有点类似)1. 一元运算符:只有一个运算数的运算符++、--、 +(正号)* ++ --: 自增(自减)* ++(--) 在前,先自增(自减),再运算* ++(--) 在后,先运算,再自增(自减)* +(-):正负号* 注意:在JS中,如果运算数不是运算符所要求的类型,那么js引擎会自动的将运算数进行类型转换* 其他类型转number:* string转number:按照字面值转换。
掌握JavaScript语言的基本语法JavaScript语言是一种脚本语言,是由网景公司(现已经被美国在线收购)发明的一种动态、面向对象、弱类型的编程语言,可以嵌入到HTML(超文本标记语言)中使用,是目前最流行的编程语言之一。
本文就JavaScript语言的基本语法进行介绍。
一、JavaScript语言的基本语法1.变量声明JavaScript语言中变量的声明使用var关键字,例如:var a; //声明一个未赋值的变量avar a = 1; //声明一个赋值了1的变量a2.数据类型JavaScript中的数据类型主要包括数字、字符串、布尔、null、undefined和对象等。
其中数字类型可以进行算术运算,字符串类型可以连接,布尔类型则是true或false。
3.运算符JavaScript语言中的运算符包括算术运算符(+、-、*、/、%)、比较运算符(==、!=、<、<=、>、>=)、逻辑运算符(&&、||、!)、位运算符(&、|、^、~、>>、<<)等。
4.条件语句JavaScript中常用的条件语句有if语句、switch语句等。
if语句的格式为:if (条件判断1) {语句块1;} else if (条件判断2){语句块2;} else {语句块3;}5.循环语句JavaScript中的循环语句主要有for、while、do…while等。
格式如下:for (初始化表达式;条件判断表达式;循环后表达式) {语句块;}while (条件判断表达式) {语句块;}do {语句块;} while (条件判断表达式);6.函数JavaScript中的函数使用function关键字进行定义,如下所示:function函数名称(参数1,参数2 …参数n) {语句块;return返回值;}7.数组JavaScript中的数组可以保存多个不同类型的值。
JavaScript初级基础教程一:语句、执行顺序、词法结构、标识符、关键字、变量、常量、alert 语句和console控制台。
JavaScript执行顺序:step 1. 读入第一个代码块。
step 2. 做语法分析,有错则报语法错误(比如括号不匹配等),并跳转到step5。
step 3. 对var变量和function定义做“预编译处理”(永远不会报错的,因为只解析正确的声明)。
step 4. 执行代码段,有错则报错(比如变量未定义)。
step 5. 如果还有下一个代码段,则读入下一个代码段,重复step2。
step6. 结束。
javascript语法结构:一:字符集1、区分大小写JavaScript是区分大小写的语言所有的标识符(identifier)都必须采取一致的大小写形式但是Html并不区分大小写(尽管Xhtml区分)2、空格、换行符和格式控制符JS会忽略程序中的标识(token)之间的空格。
多数情况下也会忽略换行符除了可以识别普通的空格符(\u0020),JS也可以识别如下这些表示空格的字符*水平制表符(\u0009)*垂直制表符(\u000B)*换页符(\u000C)*不中断空白(\u00A*字节序标记(\ufeff)JS将如下字符识别为行为结束符三:注释//单行/*...*/多行四:直接量直接量(literal):就是程序中直接使用的数据值。
eg:12//数字1.2//小数“hello world” //字符串文本’hi‘ //字符串ture //布尔值false //另一个布尔值/javascript/gi //正则表达式直接量(用做模式匹配)null //空五:标识符和保留字在js中标识符用来对变量和函数进行命名,或者用作Js代码中的某些循环语句中的跳转位置的标记。
JS标识符必须以字母、下划线(_)或美元符($开始)六:类型、值和变量js数据类型分为两类:原始类型(primitive type)和对象类型(object type)。
js基础语法
JavaScript是一种高级的、解释型的编程语言,它是一种脚本语言,可以用来开发Web应用、游戏、桌面应用、移动应用等等。
以下是JavaScript的基本语法:
变量:用var关键字声明一个变量,例如var num = 5;,其中num
是变量名,5是变量的值。
数据类型:JavaScript有基本数据类型(string、number、boolean、null、undefined)和复杂数据类型(object、array、function)。
控制流程:if-else语句、for循环、while循环、switch语句等用
来控制代码执行流程的语法。
函数:用function关键字定义一个函数,例如function add(num1, num2) {return num1 + num2;},其中add是函数名,num1和num2是函
数的参数,return语句用来返回函数的值。
对象:JavaScript中的对象是键值对的集合,可以通过点操作符(.)或者方括号([])来访问对象的属性和方法,例如var person = {name: 'Tom', age: 20};,可以通过或者person['name']来获取name属性的值。
数组:JavaScript中的数组是一组值的有序列表,可以通过方括号
来访问数组的元素,例如var nums = [1, 2, 3, 4];,可以通过nums[0]
来获取数组的第一个元素的值。
以上是JavaScript的基础语法,在深入学习JavaScript时,还需要
进一步了解JavaScript的面向对象编程、模块化等高级特性。
JavaScript语法基础(1)1、JavaScript是什么?1)定义:JavaScript「JS」是⼀种⾼级的、动态的、弱类型的、解释型的计算机编程脚本语⾔。
2)原理:3)组成:3⼤部分:◆ ECMAScript: JS的语法核⼼◆ DOM: Document Object Model;⽂档对象模型;提供访问和操作⽹页的⽅法和接⼝◆ BOM: Browser Object Model;浏览器对象模型;提供与浏览器交互的⽅法和接⼝4)总结:JS是⼀种专门为⽹页交互⽽设计的、简单⽽⼜复杂的脚本程序语⾔。
2、JS的发展简史是怎样的?●慢速的⽹络 + 表单提交 + 服务器验证 = 糟糕的体验;● 1995年,Netscape「⽹景公司」,LiveScript;●为了跟风,更名为了JavaScript;● "浏览器⼤战"时期,IE <=> Netscape Navigator;●由于语法和特性上没有标准化,不同公司的浏览器实现不⼀样,导致JS出现了⼀定程度的混乱;●欧洲计算机制造协会「ECMA」组织出现完成并定义了ECMA-262这样⼀种名为ECMAScript的脚本语⾔标准;● ECMAScript5「ES5」是最流⾏的版本;ECMAScript6「ES6」是最新的版本;●各浏览器⼚商基于ECMAScript的标准完成了对各⾃浏览器的标准更新,实现统⼀;●微软借助Windows的垄断性在"浏览器⼤战"中战胜⽹景。
3、JS的使⽤场景有哪些?1)HTML、CSS和JS三者的关系:2)JS的使⽤场景:最初的JS只⽤来⽀持⽹页表单数据的验证,如今的JS⼴泛使⽤于如下各种场景:◆⽹页/⽹游/页游;◆ Electron.js框架和V8「JS渲染引擎」,制作桌⾯程序;◆ React.js可以制作⼿机/移动端程序;◆ Node.js⽤来作为后端运⾏环境。
3)为什么JS⾮常值得我们学习?◆⽬前,全世界⼏乎所谓的⽹站都在使⽤JS;◆⼏乎所有现代的浏览器都直接原⽣⽀持JS;PC/⼿机/平板等⼏乎所有硬件设备也⽀持JS;◆作为Web⼯程师和Java⼯程师,如果想制作漂亮的⽹页;或者实现⾼效的动态验证,JS是必须的⼯具。
JavaScript核⼼之语法⼀、基础语法1在JavaScript中所有的关键字、变量、函数、对象等都是严格区分⼤⼩写的。
2JavaScript⽀持两种注释的⽅式,分别为单⾏注释和多⾏注释:单⾏注释<script>//这是单⾏注释var a = 2;</script>在“//”⾏尾的内容都会被注释掉。
多⾏注释/*这是多⾏注释console.log('hello')*/在“/*”与“*/”之间的内容都会被注释掉,注意的是这种注释不能有嵌套的注释。
3JavaScript语⾔使⽤分号将语句隔开。
缺少分号,⼀条语句就成为下⼀条语句的开始,当然如果语句独占⼀⾏是可以省略分号的://x=1后的分号不能省略var x=1;var y=2;//x=1后的分号可以省略var x=1var y=24 在JavaScript中,标识符⽤来对变量或者函数进⾏命名。
标识符必须以字母、下划线(_)、美元符($)开始,后⾯的字母可以是字母、数字下划线或者美元符,其中数字是不允许作为⾸字母出现的。
// 合法的标识符实例var a = 2var _b = 3var $ab = 4其中关键字与保留字均不可以作为标识符出现,但标识符可以包含这些。
⼆、关键字break case catch continue debuggerdefault delete do else finallyfor function if in typeofvar void while with instanceofnew return switch this throwtry三、保留字JavaScript保留了⼀些在当前版本没有使⽤的关键字,但是在以后的版本可能会使⽤到这些关键字:boolean byte char class constdouble enum export extends finalfloat goto implements import intinterface long native package privateprotected public short static supersynchronized throws transient volatile四、变量(⼀)变量命名变量是⽤标识符进⾏命名,也就是:变量名可以使⽤字母、数字、下划线、美元符变量名只能以字母、下划线、美元符开头变量名不能使⽤关键字和保留字(⼆)变量声明在JavaScript中,使⽤⼀个变量前应先对其进⾏声明,变量是使⽤var来进⾏声明的。
第一天1:定义javascript是一种弱类型、动态类型、解释型的脚本语言。
弱类型:类型检查不严格,偏向于容忍隐式类型转换。
强类型:类型检查严格,偏向于不容忍隐式类型转换。
动态类型:运行的时候执行类型检查。
静态类型:编译的时候就知道每个变量的类型。
解释型:程序不需要编译,程序在运行的时候才翻译成机器语言,每执行一次都要翻译一次,因此效率比较低,但是跨平台性好。
编译型:程序在执行之前需要一个专门的翻译过程,把程序编译为机器语言的文件,运行时直接使用编译的结果就行了。
标记语言:标记语言的存在就是用来被读取(浏览)的,而其本身是没有行为能力的,在标记语言里你会看到<和>这些尖括号,这是用来写出“层次”和”属性”的,换句话说,它是被动的。
并不具备与访问者互动的能力。
编程语言:它是具有逻辑性和行为能力,这是主动的。
说通俗一点,它是有思想的。
脚本语言:它介于标记语言和编程语言之间,脚本语言不需要编译,可以直接用,由解释器来负责解释。
2:JS历史1:Netsape发明了javascript。
1994年,网景公司(Netscape)发布了Navigator浏览器0.9版。
这是历史上第一个比较成熟的网络浏览器,轰动一时。
但是这个版本的浏览器只能用来浏览,不具备与访问者互动的能力。
比如,网页上有一栏用户名需要填写,浏览器无法判断用户是否真的填写了,只有让服务器去判断。
如果没有填写就返回错误,要求用户重新填写。
太浪费时间和服务器资源了。
更何况在那个用调制解调器上网的年代。
2:JS之父Brendan Eich(布兰登· 艾奇)网景公司急需一种网页脚本语言,使得浏览器可以与网页互动。
当时工程师Brendan Eich就是负责开发这种新语言。
3:为什么叫JavaScript1995年Sun公司将Oak语言改名为Java,正式向市场推出。
Sun公司大肆宣传,允诺这种语言可以”一次编译,到处运行”。
很有可能成为未来市场的主宰。
程序设计教程(微课版)JavaScript前端开发工业和信息化“十三五”人才培养规划教材人民邮电出版社 北京程序设计教程()JavaScript前端开发第2章JavaScript语言基础学习目的:■了解JavaScript地基本数据类型■掌握JavaScript地变量与常量地定义及使用■掌握JavaScript地运算符与表达式,并具备运用表达式解决问题地能力数据类型1变量与常量2运算符3表达式4NTS 目录数据类型1变量与常量2运算符3表达式4NTS 目录JavaScript是一种弱类型地语言,即数据(变量或常量)在定义时不必指明数据类型,其数据类型可以通过为数据赋值时根据其值来确定是什么类型。
本节将对JavaScript地数据类型进行详细地介绍。
JavaScript地数据类型分为三类,有基本数据类型,引用数据类型与特殊数据类型。
其JavaScript地基本数据类型有数值型,字符串型与布尔型;引用数据类型是指支持对象编程地类型,特殊数据类型主要包括NULL(空值),underfined(未定义),NaN(非数值)以及转义字符。
010203基本数据类型引用数据类型特殊数据类型1基本数据类型数值类型整数与实数Number "字符串"数据类型String"布尔"数据类型BooleanJavaScript地数值型包括整型与浮点型。
(1)整型整型也叫整数,是没有小数点地数值,它可以用十进制数,八进制数与十六进制数来表示。
十进制:用0~9地数字来表示。
如24,67,-99,-102。
八进制:用0~7地数字来表示,首位需要加0。
如023,045。
十六进制:用0~9地数字与A~F(或者a~f)来表示,前两位需要是0X或者0x。
如0x245,0x5ad,0XCD,0XEF。
(2)浮点型浮点型数值可以有小数,即浮点型数值包括整数部分与小数部分,间用小数点分开,即"整数部分.小数部分"。
javascript基本语法JavaScript(简称JS)是一种轻便的脚本语言,是一种基于原型、函数先行的语言,是一种广泛引用的客户端脚本语言。
由于JS支持语句嵌套,允许在一个语句中包含多个语句,可以用来编写复杂的程序,从而使程序的执行变得更加高效。
1. JavaScript的声明JavaScript的声明可以使用一个“<script>”标签。
在<script>标签中,可以使用type属性指定所使用的脚本语言,当type属性被设置为“application/javascript”时,即表明该文件包含的是JavaScript的源代码。
2. JavaScript的基本类型JavaScript主要有6种类型,其中包括:McNumber(表示数值类型,可以表示整数和小数)、McString(表示字符串类型)、McBoolean(表示逻辑类型)、McNull(表示null类型)、McUndefined(表示未定义的类型)和McObject(表示对象的类型)。
3. JavaScript的变量JavaScript中的变量实际上是一种可以用来储存信息的容器,变量中可以储存数据、函数和对象等内容。
在定义变量时,必须指定变量名;同时,变量名必须以字母或下划线开头,后跟除运算符(如=)与空格之外的其他字符。
4. JavaScript的注释在JavaScript中,可以使用两种类型的注释:单行注释和多行注释。
单行注释只能占一行,而多行注释可以在一行之内添加多行注释,其中每行注释以“//”开头。
5. JavaScript的标识符JavaScript的标识符用于定义变量、函数、函数参数等,其规则也是要求格式严格的。
JavaScript的标识符必须以英文字母、下划线或美元符号开头,不能以数字开头,中间可以包含字母、数字、下划线及美元符号等字符,长度不能超过32个字符。
6. JavaScript的流程控制JavaScript对于流程控制的语句以及控制结构有很多,其中常用的有if-else语句、switch...case语句、while循环、do...while循环、for循环以及break和continue等。