JavaScript：JavaScript语法的详细介绍

JavaScript语法：只要Java会了，基本上javascript语法就会了。

——变量的定义

——程序的结构控制

——数组操作

——函数的定义即使用

基本的test.html代码如下，它会导入下面的test.js中的javascript代码：

<!doctype html>

<html lang="zh-CN">

    <head>

        <meta charset="utf-8">

        <meta name="description" content=hello.html"">

        <meta name="keywords" content="hello,html,js">

        <title>javascript的程序开发</title>

        <script type="text/javascript" src="test.js"></script>

    </head>

    <body>

    </body>

</html>

1.变量的定义

在Java中如果要定义变量语法：“数据类型变量名称 = 内容”。对于数据类型，Java中有很多，还有许多自定义的类型。Javascript很简单，可以不声明类型直接编写变量，变量类型是根据其设置的内容来决定的。

范例：观察test.js程序代码

temp = 10; //temp类型为整型

window.alert(temp + temp);  //

temp = 10.2; //temp类型为浮点型

window.alert(temp + temp);  //20.4

temp = "10.2"; //temp类型为字符串

window.alert(temp + temp);  //10.210.2

temp = "10.2"; //temp类型为字符串

temp = 10 ; //temp类型为整型，类型被修改

window.alert(temp + temp);  //

可以发现,整个javascript操作当中，并没有那么严格的语法要求。因为从正常来讲，javascript应该是美工学的，不是程序开发人员来学的。所以它最初设计的逻辑性没有这么滴强。

如果有需要也可以使用var来定义变量。

var temp = 10 ; 

window.alert(temp + temp);//

var temp = 10 ;

temp = "20" //改变类型，变成字符串

window.alert(temp + temp); //

javascript没有必要这么概念的复杂，一帮情况下，在javascript定义全局变量的时候使用。其实都可以不使用，只是一个好的编程习惯，仅此而已。

既然说到了字符串的问题了，那么也就产生新的事情了。即字符串方面的操作：

字符串的比较：

var temp = "hello";

alert(temp == "hello");  //ture

字符串判断是否为空：没有equals方法

方式一：

var temp = "hello";

alert(temp != "");  //ture

方式二：

var temp = "hello";

alert(temp != null);  //ture

字符串替换：

var temp = "hello";

alert(temp.replace("l","_")); //将l替换成下划线，he_lo

字符串子串的获取：

var temp = "hello";

alert(temp.substring("1",2));  //从角标1开始到角标2结束的子串，不包括尾， e

字符串长度：

var temp = "hello"

alert(temp.length);  //

　　发现，java大部分的习惯性操作，在javascrip里面都是存在的。

2.程序的结构控制

　　程序逻辑就是if、else、switch、while、for循环。

范例：使用if分支语句

 var temp = "hello";

 if (temp == "hello") {

     document.write("<h1>欢迎光临</h1>");

 }else{

    document.write("<h1>你去死吧</h1>");

 }

var temp = "";

if (temp == "hello") {

    document.write("<h1>欢迎光临</h1>");

}else{

    document.write("<h1>你去死吧</h1>");

}

范例：使用while语句

var temp = 0;

var sum  = 0;

while(temp < 10){

    sum += temp;

    temp ++;

}

document.write("sum = "+sum); //

范例：使用for循环语句

var temp = "hello";

for (i = 0; i < temp.length; i++) {

    document.write("<h1>"+temp[i]+"</h1>"); // h e l  l  o

};

范例：使用switch语句

var temp = "hello";

for (var i = 0; i < temp.length; i++) {

    switch(temp[i]){

        case 'h':

            document.write("<h2>this is a h</h2>");

            break;

        case 'e':

            document.write("<h2>this is a e</h2>");

            break;

        case 'l':

            document.write("<h2>this is a l</h2>");

            break;

        case 'o':

            document.write("<h2>this is a o</h2>");

            break;

    }

};

范例：打印乘法口诀表

console.log("*******控制台调试代码*******");

document.write("<table border='1'>");

for (var i = 1; i <= 9; i++) {

    document.write("<tr>");

    for (var j = 1; j <= i; j++) {

        document.write("<td>"+j+" * "+i+" = "+ (i*j) +"</td>");

    };

    for (var j = 1; j <= 9-i; j++) {

        document.write("<td>&nbsp</td>");

    };

    document.write("</tr>");

};

document.write("</table>");

另外告诉一点，以后如果想进行代码的错误调试，可以通过如下语句完成：

console.log(一些信息)，用它来取代alert()和document.write()，从而在后台做代码的检察观测,如下效果图：

3.数组操作

数组是一个类，使用的是Array类描述数组概念。可以使用length取得数组的长度，也可以使用索引的方式设置内容。

范例：求数组的长度

var data = new Array(3);  //3个元素的内容

document.write("<h1>数组长度：" + data.length + "</h1>");

范例：通过索引设置和获取数组的值

var data = new Array(3);  //3个元素的内容

data[0] = 10;

data[1] = 20;

data[2] = 30;

document.write("<h1>数组长度：" + data.length + "</h1>");

for (var i = 0; i < data.length; i++) {

    document.write("<h1>" + data[i] + "</h1>");

};

范例：数组大小自动扩充

var data = new Array(3);  //3个元素的内容

data[0] = 10;

data[1] = 20;

data[2] = 30;

data[5] = 30;

document.write("<h1>数组长度：" + data.length + "</h1>");

for (var i = 0; i < data.length; i++) {

    document.write("<h1>" + data[i] + "</h1>");

};

　　javascript中的数组的设计是一个很牛的设计思想，可以随意动态的扩充大小。但是如果没有的内容，它不会用0、null来描述，使用”undefined”来描述。

4.函数的定义即使用（Function）

如果现在使用Java来定义一个方法，格式是这样的：

[public | protected | private] [static] [abstract] [final] [native] [synchronized] 方法返回值方法名称(参数类型变量,… | 参数类型...变量 ) [throws 异常，异常，…]{

　　//方法代码

　　[return 返回值];

}

那么在javascript中，函数的定义非常简单：

function 函数名称(参数){

　　[return 返回值];

}

定义函数的时候不需要考虑返回值的类型，如果要返回，那么就直接编写return就行。

范例：定义函数1

function add (x,y) {

    return x + y;

}

document.write("<h1>" + "x + y = " + add(10,20) +"</h1>");

　　最厉害的是在调用函数的时候，函数的参数可以随便写：

范例：定义函数2

function add (x,y) {

    return x + y;

}

document.write("<h1>" + "x + y = " + add(10,20,30,40,50,60) +"</h1>");

　　在调用函数的时候如果参数不足，则参数的内容会自动使用”undefined”进行表示，肯定无法进行正确的计算。

范例：定义函数3

function add (x,y) {

    return x + y;

}

document.write("<h1>" + "x + y = " + add(10) +"</h1>");

　　如果在参数不足的情况下依然要保证计算的完整，那么就使用“函数名称.argments”判断，此操作表示的是所有函数的参数的内容，艺术组的形式操作，使用length能够判断长度。

范例：定义函数4

function add (x,y) {

    if (add.arguments.length == 2) {

        return x + y;

    }else if (add.arguments.length == 1) {

        return x;

    }else{

        return "无法计算";

    }

}

document.write("<h1>" + "x + y = " + add(10) +"</h1>");

document.write("<h1>" + "x + y = " + add(10,20) +"</h1>");

document.write("<h1>" + "x + y = " + add(10,20,30) +"</h1>");

　　需要注意的是，在javascript里面也存在面向对象的编程。都是以函数为基础的。

范例：观察面向对象

function Person (name,age) {

    this.name = name;

    this.age = age;

    this.toString = function(){ //表示为类中扩充方法

        return "姓名：" + this.name + "，年龄："+this.age;

    }

}

document.write("<h1>" + new Person("zhangsan",20) +"</h1>");

　　如果代码中写的是”function(){}”的操作，那么表示的是匿名函数。

总结：

<1>、javascript的语法完全考虑到美工的不理智型而设计的；

<2>、javascript的语法都是短小精悍为主；

<3>、javascript原本就不是一个面向对象的编程语言，所以支持的面向对象，只是一个娱乐。

JavaScript：JavaScript语法的详细介绍的更多相关文章

thinkPHP 模板中的语法知识详细介绍(十二)
原文:thinkPHP 模板中的语法知识详细介绍(十二) 本章节:介绍模板中的语法,详细的语法介绍一.导入CSS和JS文件 ==>记住常量的是大写 1.css link .js sc ...
Javascript 跨域知识详细介绍
JS跨域知识总结: 在“跨域”一词经常性地出现以前,我们其实已经频繁地使用它了.如在A网站的img,src指向B网站的某一图片地址,毫无疑问,这在通常情况下都是能正常显示的(且不论防盗链技术):同样, ...
React的jsx语法，详细介绍和使用方法！
jsx语法一种混合使用html及javascript语法的代码在js中遇到<xx>即开始html语法遇到</xx>则结束html语法恢复成js语法例如: let D ...
JavaScript FormData的详细介绍及使用
本文转自:https://blog.csdn.net/liupeifeng3514/article/details/78988001 FormData的详细介绍及使用请点击此处,那里对FormData ...
javascript详细介绍
一.JavaScript基础 1.什么是JavaScript? JavaScript是一种客户端运行的解释性脚本语言. JavaScript是由网景(Netscape)推出的产品. Microsoft ...
javascript基础语法——变量和标识符
× 目录 [1]定义 [2]命名规则 [3]声明[4]特性[5]作用域[6]声明提升[7]属性变量前面的话关于javascript,第一个比较重要的概念是变量,变量的工作机制是javascript ...
javascript基础语法——表达式
× 目录 [1]原始表达式 [2]复杂表达式前面的话一般地,关于javascript基础语法,人们听得比较多的术语是操作符和语句.但是,其实还有一个术语经常使用,却很少被提到,这就是javascr ...
Nice！JavaScript基础语法知识都在这儿了
好好学习,天天向上本文已收录至我的Github仓库DayDayUP:github.com/RobodLee/DayDayUP,欢迎Star 转载请注明出处! 链接:https://blog.csdn ...
javascript运算符语法概述
× 目录 [1]个数 [2]优先级 [3]结合性[4]类型[5]规则表前面的话 javascript中的运算符大多由标点符号表示,少数由关键字表示,它们的语法言简意赅,它们的数量却着实不少.运算符始 ...

随机推荐

win8 iis 安装
win8下面安装iis跟win7一样,需要通过启用和关闭windouws功能来安装iis,具体要选哪些项,请看图: 如果要使用wcf服务,你还需要勾选以下项:
replication set复制集
replication set复制集介绍 replicattion set 多台服务器维护相同的数据副本,提高服务器的可用性,总结下来有以下好处: 数据备份与恢复读写分离 MongoDB 复制集 ...
CodeForces 577B 模和vecto
上一年的最后一次训练赛被卡了AK... 一开始天真的认为每个数字都进行取模然后认为它是一个vol为取模后的数 val为0的01背包去计算dp[m]能否被装满只想到了其中的一点..简直天真后来看 ...
Markdown基本用法
Markdown基本用法不同的编辑器对本文中的功能可能显示情况不一样,马克飞象可以完美支持和显示. 一.标题 h1标题 #h1标题 h1标题 h1标题 == h2标题 ##h2标题 h2标题 h2标 ...
Gao Big 深圳行
day 1 来到深圳的国际化大都市之后,首先要做的事情就是···坐地铁?? 到了旅店,已经比较晚了,又折腾了两三下.. day 2 第二天一早,一行人出发来到深圳大学(nv shen su she)参 ...
http304状态码缓存设置问题
当浏览器第一次加载资源的时候,返回一般为200,意思是成功获取资源,并会在浏览器的缓存中记录下max-age,第二次访问的时候:如果只是用浏览器打开,那么浏览器会去判断这个资源在缓存里有没有,如果有的 ...
journalctl --help
journalctl [OPTIONS...] [MATCHES...] Query the journal. Flags: --system Show the sy ...
Socket简介
本文全部摘抄http://c.biancheng.net/cpp/html/3029.html 大多数项目是在Linux下开发服务器端,而在Windows下开发客户端,需要经常在两大平台之间进行切换, ...
LoadRunner系统架构简介
1.LoadRunner系统架构简介 LoadRunner是通过创建虚拟用户来代替真实实际用户来操作客户端软件比如Internet Explorer,来向IIS.Apache等Web服务器发送HTTP ...
jq each 用法以及js与json互转
$(function(){ var json = '[{"id":"1","tagName":"apple"},{&qu ...

JavaScript：JavaScript语法的详细介绍

JavaScript：JavaScript语法的详细介绍的更多相关文章

随机推荐

热门专题