Javascript 语法认识
javascript语法基础认识
主题
javascript简史;
1995年,由Netscape ( 网景)公司的Brendan Eich开发出来的。
借用了当时一个业界非常流行的词语java,于是更名为javaScript.后来微软进入浏览器行业。
为了统一语法标准,1997 年,JavaScript 1.1 作为一个草案提交给欧洲计算机制造商协会(ECMA),第 39 技术委员会(TC39)被委派来“标准化一个通用、跨平台、中立于厂商的脚本语言的语法和语义,由来自 Netscape、Sun、微软、Borland 和其他一些对脚本编程感兴趣的公司的程序员组成的 TC39 锤炼出了 ECMA-262,该标准定义了名为 ECMAScript 的全新脚本语言。
1、javaScript概述;
javascript是一种基于对象的,事件驱动的,跨平台的,客户端脚本语言;
javascript能对页面进行渲染,让页面有行为。让页面动起来,与后台数据进行交互。
2、javascript组成部分;
ECMA:语法规范;
BOM:B:document ( 浏览器 ) O:object ( 对象 ) M:module (模型 );
DOM:D:browser (文档 );
3、js 和 H5 的关系
HTML可以看作就是js,html很多标签都依赖的js的API实现;
4.编写Js及如何运行JS;
内部; 行内; 外部:js的引入;
5、js中的注册
// 单行注释
/**/多行注释
6、js的输出
1.document.write(val1,val2……);//在页面输出一个或多个值,值中可以有标签,输出时页面会解析标签
2、alert ( val );//弹出框,在页面弹出一个弹出框,val会在弹出框中显示,会阻止后面代码的执行,当点击弹出框中的确定按钮,弹出框消失,程序才会执行后面的代码
「只能输出一个」
3.console.log(val1,val2…);//在浏览器debug工具中的Console(控制台)选项卡中显示log中的一个或多个值
/*测试输出有三种
/* alert()在当页面弹出警告框,来显示要写的内容
document.write()在当页面上输出内容
console.log()在控制台上输出内容
*/
以上方法用于代码执行过程中数据的测试
7.变量的概念及基本运算
1.什么是变量: var 标识符(变量名) = ‘值 ’;
一次性多个变量: var a = 9 , b = 3 , c = 2;
在程序运行的过程中,有可能发生变量的量称为变量
8.变量命名规则和关键字、保留字的介绍
规则:
变量名开头:字母、$、下划线 三种字符开头;如:var uName、name,_name;(错误写法:var 1name,%)
其它字符:字母、$、下划线、数字四种字符;如:var uName,$name,_name,name1;(错误写法:var nam%n,nam-e;)
9、变量命名
标识符;所有用户自定义的名字叫做标识符
变量名也是标识符。
命名规则;
1.只能数字·字母 ·下划线 ·和美元符号(&)组成
2.不能以数字开头
3.不能保留字和关键词。
4.大小写敏感 age Age 这是两个完全不同的变量。
5.见名思意(尽量用英文全称来表示)
6.单词个数超两个时
(1)驼峰式命名[大小写]
className
(2)下划线命名
class_name
十、变量的数据类型
a.基本数据类型
number
string
boolean:布尔类型。表示真true和假false;
null
undefined
b.引用数据类型(对象类型)
object
typofe操作符
作用:用于检测一个变量是哪种数据类型。
十一、赋值、关系、算术运算符的讲解
运算符:
赋值运算符、关系运算符、算术学运算符、逻辑运算符、三目运算符、自增自减运算符(单目运算符)、()运算符
赋值运算符:
简单赋值 var a = 2;
复合赋值 var a = 2; a+=3 相当于 a = a+3;a=5;
运算符;
1,算数运算符(+,—,*,/,%【取余数】)
字符串和数的并接(+)
2,关系运算符
>,<,>=,<=,==,!=,!==,===
3,逻辑运算符
$$ || !
4,一元运算符
++ —-
5,赋值运算符。
<1>基本赋值运算符 =
<2>复合赋值运算符 +=,—=….X=
*/
5、普通(简单)赋值运算:
- 功能:将 = 右边的值,赋值给左边的变量;
6、复合赋值运算符:
- ‘x=、-= 、/= 、+= ’ 是在原来的基础数字上累加/减/乘/除
7、关系运算:
- 比较两边的值,如果对的话结果为真【true】,如果假的话【false】
【注意】>= 号只要一个符合要求为真【true】
=== 号 需要绝对相等才为真
!== 需要绝对不相等 例子【alert(4 !== ‘4’)】为假【false】
【字符串比较】是比较ASCII码值,一比一,先比较第一个数,如果相等,再往后进行比较 (例子 (“113 ” > “12”)false
8、逻辑运算
- (1)与运算
格式;
表达式1 && 表达式2
规律;只有当两个表达式都为true的时候,整个表达式才为真
短路操作;当表达式1为false的时候,表达式2就不执行了,就直接得出结果为false。(后面会用法)
(2)或运算;
格式;
表达式1 || 表达式2
规律;只有当两个表达式都为false的时候,整个表达式才为假;
短路操作;当表达式1为true的时候,表达式2就不执行了,就直接得出结果为true。(后面会用法)
(3)非运算;
格式;
!表达式;
规律;现将表达式的值自动数据类型转换成布尔值,然后,再取返。
(注)非0既真,非空既真;
9、一元运算符
a++
值;++后置,先取a的值作为a++的表达式的值,然后再对a进行+1;
功能;对原有的变量进行+操作:
++a:
值;++前置,先对a进行+1操作,再a的值作为++a表达式的值
功能;对原有的变量进行+操作:
10、三目运算
三目运算符;
格式;
表达式1 ? 表达式2 表达式3
执行;
1.先去判断表达式1是否为真.
2.表达式1为真,直接去执行表达式2.
3,表达式1为假,直接执行表达式3.
[注]本质是一个双分支语句.
//判断一个数是否是奇数还是偶数
var num = 8;
/* if(num % 2 == 0){
alert(“这是偶数");
}else{
alert(“奇数");
}.
num % 2 == 0 ? alert("偶数"): alert("奇数");
十二、isNaN的使用
isNaN 是一个方法 【 !isNaN 前面加 ! 这意思反过来】
alert ( isNaN( 13a ) )用来判断是否是数字,如果值不是一个数字,返回值结果true。
反之,结果是数字,返回值false。【注意】
十三、prompt的使用
Var result = prompt();
prompt()执行后,页面会出现一个弹出窗,程序会阻止后面的程序执行,用户在弹出窗内输入内容。提交后才会继续执行下去,()括号内可以填写提示文本。
十四、运算符之间的优先级
算数运算、关系运算、逻辑运算、三目运算(三元运算)、自增自减运算符(单元运算符)、赋值运算
优先级:
() >自增自减运算符(单目运算符)>算术学运算符 >关系运算符 >逻辑运算符 >三目运算符 >赋值运算符
十五、数据类型之间的转换:
手动转换:
Number() 把一个值转换数字;例子alert(Number(“38.4”))//38.4
parseInt() 把一个值转换整数;例子(val , 10)可以用来换10进制的值
parsFloat()把一个值转换小数;
toString()把一个值转换字符串;var a = num . toString()//用点的方式来调用执行
Boolean()把一个值转换布尔值;
非0既为true,非空既true。空格是true
逻辑运算(总结)
如果左右两边表达式是以单个数据类型的具体值存在;
解析的过程,会将这些值隐匿为布尔值来运行。表现出来的是值
十六、表达式;
是以条件存在的都叫表达式;
所有的数据类型都可以成为表达式。
【注】程序解析是从上往下,从左到右,一行代码中如果有优先级,按优先级来运行;
程序三大结构;
顺序结构、条件结构、循环结构
十七、单分支结构 if 语句
if(判断条件「表达式」){
执行语句
}else{
不符合判断条件时 将执行
}
【注】if( !isNaN ){
if中可以嵌套多个if
}else{ }
十八、if 的多分支结构:
// 当表达式1 成立,执行语句1. 如果表达式1不成立,程序判断表达2,执行语句2
否则将继续执行下去。都不成立直接成立else
if(判断条件1){
alert( 执行语句1 );
}else if ( 判断条件2 ){
执行语句2
}else if (判断条件3 ){
alert(执行语句3)
}else { }
【注】后面可以写多个 if 判断条件
If 注意事项⚠️「如果语句中只有一行代码,程序可以省略花括号{ }。如果多行语句,不能省略花括号{ }。」
十九、 多分支 switch 语句:
switch语句;
switch语句;
语法;
switch(表达式){
case 常量1:
执行语法1:
break;
case 常量2:
执行语法2:
break;
…
default:
当上述所有当case选项都匹配失败,执行这里.
break;
}
switch( 表达式){
case 值1:
语句1
break;// 结束 [ ⚠️]不加break 程序会继续穿透运行下去
case 值2:
语句2
break; //结束
…….
default :
alert ( )
break;//结束
以上表达式与cese的值需要全等,不匹配。会执行这里
}
if 与 switch 的区别; 总结
if 的表达式以布尔值去运行,switch 的表达式常用于具体值的匹配
if 永远只有一个出口 ,switch 因为case的穿透特性可以有多个出口
二十、day04! 循环 ;
while循环、do while循环、of
1、while循环;
三种语法;
while循环
do_while循环
for循环
while循环;
格式;
while(循环条件){
循环语句;
i++;
}
执行;如果循环条件成立就执行循环语句,到循环条件不成立为止。
2、do while 循环
do...while循环
语法;
do{
循环语句;
}while(循环条件);
[注]do…while循环后面分号不要省略;
while循环与do...while循环的区别;
1.while循环
先判断循环条件,再执行;
2.do...while循环
先去运行一次循环语句,再去判断循环条件;
3、for循环
for循环;
格式;
for(表达式1 ;表达式2 ;表达式3;){
执行语句;
}
本文地址:https://blog.csdn.net/Li8L9xF/article/details/107288700
推荐阅读
-
Javascript 语法认识
-
JavaScript通过正则表达式实现表单验证电话号码_javascript技巧
-
javascript - 不同数据源数据在同一页面上展现问题
-
javascript的String.fromCharCode(252)和PHP的chr(252)得到的结果不一样咋办?
-
PHP实现Javascript中的escape及unescape函数代码分享
-
CSS:7个你可能不认识的单位_html/css_WEB-ITnose
-
正则表达式在JavaScript应用
-
php中加入javascript想要没有输入title的时候跳出对话框以后在回到ckeditor里面重新编辑。
-
怎么把radio里被选择的值传到javascript里面?_html/css_WEB-ITnose
-
javascript实现超炫的向上滑行菜单实例_JavaScript