js基本语法
1)分号用于分割js语句。分号之后可以换行,也可以接着写下一行语句。
2)js代码是js语句的序列,浏览器会按照顺序来执行。
3)js 语句通过代码块的形式进行组合。块由左花括号开始,由右花括号结束。块的作用是使语句序列一起执行。js 函数是将语句组合在块中的典型例子。
4)js对大小写敏感。
5)js 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。
6)js代码允许在文本字符串中使用反斜杠对代码行进行换行。
document.write("Hello World!");
7)js注释
单行注释以 // 开头。(也可用于行末)
多行注释以 /* 开始,以 */ 结尾。
8)js变量
js变量可以使用短名称(比如 x 和 y),也可以使用描述性更好的名称(比如 age, sum, totalvolume)。变量必须以字母开头,对大小写敏感。
// js通过var声明变量,声明时可以同时赋值。 var pi=3.14; var name="Bill Gates"; var answer=‘Yes I am!‘; // 也可以在一条语句中声明很多变量 var name="Gates", age=56, job="CEO"; // 声明一个undefined的变量 var carname;
9)js数据类型
// js拥有动态类型 var x // x 为 undefined var x = 6; // x 为数字 var x = "Bill"; // x 为字符串 // JavaScript 只有一种数字类型。数字可以带小数点,也可以不带。 var x1=34.00; //使用小数点来写 var x2=34; //不使用小数点来写 // 布尔(逻辑)只能有两个值:true 或 false。 var x=true var y=false // 下面的代码创建名为 cars 的数组 var cars=new Array("Audi","BMW","Volvo"); // 对象由花括号分隔,对象的属性以名称和值对的形式 (name : value) 来定义 var person={firstname:"Bill", lastname:"Gates", id:5566}; // 可以通过将变量的值设置为 null 来清空变量。 person=null; // 声明新变量时,可以使用关键词 "new" 来声明其类型 var carname=new String; var x= new Number; var y= new Boolean; var cars= new Array; var person= new Object;
10)js对象
JavaScript 中的所有事物都是对象:字符串、数字、数组、日期,等等。
在 JavaScript 中,对象是拥有属性和方法的数据。
你也可以创建自己的对象。
person=new Object(); person.firstname="Bill"; person.lastname="Gates"; person.age=56; person.eyecolor="blue";
11)js函数
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。函数就是包裹在花括号中的代码块,前面使用了关键词 function:
function functionname() { 这里是要执行的代码 }
当调用该函数时,会执行函数内的代码。
可以在某事件发生时直接调用函数(比如当用户点击按钮时),并且可由 JavaScript 在任何位置进行调用。
在调用函数时,您可以向其传递值,这些值被称为参数。
myFunction(argument1,argument2)
当您声明函数时,请把参数作为变量来声明:
function myFunction(var1,var2) { 这里是要执行的代码 }
变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值,以此类推。
<button onclick="myFunction(‘Bill Gates‘,‘CEO‘)">点击这里</button> <script> function myFunction(name,job) { alert("Welcome " + name + ", the " + job); } </script>
函数若带有return语句,就是带返回值的函数。
function myFunction(a,b) { return a*b; } document.getElementById("demo").innerHTML=myFunction(4,3);
在 JavaScript 函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它。(该变量的作用域是局部的)。
您可以在不同的函数中使用名称相同的局部变量,因为只有声明过该变量的函数才能识别出该变量。
在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。
JavaScript 变量的生命期从它们被声明的时间开始。局部变量会在函数运行以后被删除。全局变量会在页面关闭后被删除。
12)js运算符
算术运算符:+ - * / % ++ --
比较运算符:== === != > < >= <=
逻辑运算符:&& || !
条件运算符:
// condition为真,赋值value1,否则赋值value2 variablename=(condition)?value1:value2
13)js的条件语句
if语句:
if (条件 1) { 当条件 1 为 true 时执行的代码 } else if (条件 2) { 当条件 2 为 true 时执行的代码 } else { 当条件 1 和 条件 2 都不为 true 时执行的代码 }
switch语句:
switch(n) { case 1: 执行代码块 1 break; case 2: 执行代码块 2 break; default: n 与 case 1 和 case 2 不同时执行的代码 }
for语句:
for (语句 1; 语句 2; 语句 3) { 被执行的代码块 } //语句 1 在循环(代码块)开始前执行,语句 2 定义运行循环(代码块)的条件,语句 3 在循环(代码块)已被执行之后执行
for/in循环语句:
var person={fname:"John",lname:"Doe",age:25}; for (x in person) { txt=txt + person[x]; }
while循环语句:
// 先判断再循环 while (条件) { 需要执行的代码 } // 先循环再判断 do { 需要执行的代码 } while (条件);
break用于跳出循环。continue用于跳过循环中的一个迭代。
通过标签引用,break语句可用于跳出任何js代码块。
cars=["BMW","Volvo","Saab","Ford"]; list: { document.write(cars[0] + "<br>"); document.write(cars[1] + "<br>"); document.write(cars[2] + "<br>"); break list; document.write(cars[3] + "<br>"); document.write(cars[4] + "<br>"); document.write(cars[5] + "<br>"); }
14)
typeof,检测变量的数据类型
null,表示一个空对象引用
undefined,是一个没有设置值的变量
15)类型转换
js有5种不同的数据类型:string,number,boolean,object,function
js有3种不同的对象类型:object,array,date
js有2种不包含任何值的数据类型:null,undefined
constructor属性返回所有js变量的构造函数。
类型转换函数:String(),toString(),Number(),Date(),getTime().
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。