当前位置：移动技术网 > IT编程>开发语言>JavaScript > Javascript 语法认识

Javascript 语法认识

2020年07月14日 | 移动技术网IT编程 | 我要评论

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

您可能感兴趣的文章:

如对本文有疑问，点击进行留言回复！！

js实现页面滚动返回顶部

许多网站的右下角都有一个可以使页面返回顶部的按钮例如这些网站：返回顶部我们可以用锚点链接来实现，但是锚点链接它突... [阅读全文]
JS函数传参时值传递与引用传递的区别

大家都知道在计算机内存中js的数据类型分为基础数据类型和引用数据类型基础数据类型number / string ... [阅读全文]
JavaScript开发中如何防抖(前端更好的用户体验)

在前端开发中会遇到一些频繁的事件触发，比如：resize、scroll、mousedown、mousemove、... [阅读全文]
做一个网页送给心动女孩子生日礼物(表白也合适)

如何做一个网页送给女朋友做生日礼物本文里面涉及到python，HTML ，css,JavaScript的知识，是... [阅读全文]
three.js 制作动态二维码的示例代码

今天郭先生说一下用canvas解析图片流，然后制作一个动态二维码的小案例，话不多说先上图，这是郭先生的微信二维码哦！1. 解析图片流canvas = docum... [阅读全文]
同事牛逼啊，写了个隐藏 bug，我排查了 3 天才解决问题！

最近线上监控 SFTP 连接频繁爆表，通过重启某个系统，连接数迅速下降，系统就能恢复正常，初步判断是应用程序连接... [阅读全文]
Redis实现自定义序列化方式

1. 如何实现redis的序列化？序列化：把对象转换为字节序列的过程称为对象的序列化。反序列化：把字节序列恢复为... [阅读全文]
【JavaScript笔记（一）】万丈高楼平地起 - 基本概念篇

基本数据类型：String,Boolean,Number,Undefined,Null引用数据类型：Object... [阅读全文]
方法和构造方法的区别

一、为什么要有构造方法本来已经有方法了，为什么要有构造方法呢？我们知道，方法是指参数经过一定的 ... [阅读全文]
轻松解决 org.apache.taglibs.standard.tlv.JstlCoreTLV 困惑

今天在整合smm项目时：遇到两个错误，分享给各位Failed to load or instantiate Ta... [阅读全文]

网友评论


验证码：