javascript基本语法

Posted hushengbin789

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript基本语法相关的知识,希望对你有一定的参考价值。

 

javascript的基本语法一

1、组成

javascript由三方组成,分别是:

1)ECMAScript:js基本语法与标准

2)BOM: 操作浏览器的接口,提供了访问某些功能的途径以及操作方法。

3)DOM: 操作 html 文档的接口,提供了访问 HTML 文档的途径以及操作方法。

2、javascript输出

JavaScript语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。

<script>
alert("我是用来弹出消息框的!");//会弹出来
  document.write("hello world!");//会把内容显示在页面上
</script>

tip:分号是可选项,可写可不写,对于初学者建议写上分号。

3、注释

单行注释 //多行注释 /* */文档注释 /** */

4、运行顺序

javascript和HTML代码在同一个文件中写,它们的执行顺序是从上朝下,谁在前先执行谁。

5、编辑工具和运行环境

编辑工具:写代码的工具 如:dreamweaver,editplus,Notepad++,sublime,webstrom..运行环境:看结果的地方 如:IE,firefox,chrome...

6、变量

变量是用来储存信息的“容器”

变量定义(声明):
var age; //var是关键字,age是变量名
?
赋值:
age=20; //20是数据   "="是赋值
?
定义的同时赋值:
var age=20;
?
可以一次定义多个变量:
var myname=“吴京", age=18,weight=140;

使用变量:
alert(myname);
?
注:1, 变量必须先赋值再使用
?

 


var x=5;
var y=8;
var z="hello";

<script>
    var i=10;
    var b=10;
    var m=i+b;
    document.write(m);//显示结果为20
</script>

7、简单指令


alert("");         提示框;
confirm("");       确认框,点击后会响应返回true或false;      
prompt();           弹出一个输入框;
document.write(""); 在页面上显示内容
console.log("");   在控制台打印相应的信息;
console.dir("");   在控制台打印出该对象的所有信息;

8、转义字符


     
回车
空格
缩进
\\ 反斜杠

9、关键字及保留字

技术图片

技术图片

10、运算符

1).算数运算符

假设y=5;

技术图片

技术图片

2).赋值运算符

给定x=10和y=5

技术图片

技术图片

例题


Tip:var i=10;
?
var j=i++ +i++ + i++;   //10   11   12
?
alert(j);//显示为33
?
alert(i);//显示为13
?

11、字符串拼接

任何类型与字符串相加都会被转成字符串类型


function musum(){
    var i=3;
    var j="3";
    var m=i+j;
    document.getElementById("sumid").innerHTML=m;
}
// 显示为33

12、关系运算符

技术图片

 技术图片

13、逻辑运算符

&& || !

&&与的运算规则是:同真为真,一架则假(只要有一个是假的,那么就是假的)


var r=ture;
var f=false;
alert(true && true);//true
alert(true && false);//false
alert(false && false);//false

||或的运算规则是:一真为真,一假则假;


var r=ture;
var f=false;
alert(t || f);//true
alert(f || t);//true
alert(t || t);//true
alert(f || f);//false

!非的运算规则是:真是假,假是真;


alert(! true);//false
alert(! false);//true

逻辑短路:

当逻辑运算符前面的表达式已经能够决定整个表达式的结果时,后面的表达式就不能参与运算

 

 

以上是关于javascript基本语法的主要内容,如果未能解决你的问题,请参考以下文章

作用域是什么?

JavaScript-基本语法

JavaScript基本语法

精心收集的 48 个 JavaScript 代码片段,仅需 30 秒就可理解!(转载)

JavaScript基本语法 -- 条件语句 & 循环语句

JavaScript——基本语法