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> </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中的运算符大多由标点符号表示,少数由关键字表示,它们的语法言简意赅,它们的数量却着实不少.运算符始 ...
随机推荐
- Java自学之道全文下载地址
道可道非常道,名可名非常名. Java自学之道博大精深,自己只是将理论和实际相结合,进行了简单总结. Java自学之道全文可在自己的博客下载 http://my.oschina.net/mkh/bl ...
- CSS系列：长度单位&字体大小的关系em rem px
em是相对长度单位.相对于当前对象内文本的字体尺寸.如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸. 任意浏览器的默认字体高都是16px.所有未经调整的浏览器都符合: 1em=1 ...
- github 向导/介绍
环境:windows 7 64bit 阅读了http://guides.github.com的教程. 流程 git是协作版本管理的一种方法.工作流程是在一个主线基础上发展分支(branch),最后并入 ...
- apache日志文件太大的问题
apache日志文件太大的问题 处理Apache日志的两种方法 rotatelogs 是 Apache 2.2 中自带的管道日志程序 rotatelogs [ -l ] logfile [ rotat ...
- FZU 2124 bfs+vis记录
第一次团队训练赛的题 自己看完题没看到不能用舌头吃道具..以为是什么贪心混合bfs..果断放弃..悄悄的背锅了 然后其实比较简单 只是利用vis记录的时候要分两种状态记录 有没有道具 每到一个地方 就 ...
- mongodb 3.2 分片部署步骤
#linux 网络优化1. 文件中/etc/sysctl.conf, 加入net.core.somaxconn = 2048fs.file-max = 2000000fs.nr_open = 2000 ...
- Apache Spark源码走读之20 -- ShuffleMapTask计算结果的保存与读取
欢迎转载,转载请注明出处,徽沪一郎. 概要 ShuffleMapTask的计算结果保存在哪,随后Stage中的task又是如何知道从哪里去读取的呢,这个过程一直让我困惑不已. 用比较通俗一点的说法来解 ...
- Mininet实验 使用l2_multi模块寻找最短路径实验
参考:使用l2_multi模块寻找最短路径实验 1. 实验目的 1.认识VND并且掌握其基本使用方法. 2.学会使用pox控制器的l2_multi模块寻找主机间的最短传输路径. 2. 实验原理 VND ...
- TabBarViewController的创建以及渐变隐藏
// CustomTabBarViewController.h #import <UIKit/UIKit.h> @interface CustomTabBarViewController ...
- Oracle 安装 INS-30131错误。
需要学习SDE配置相关知识,其中Oracle数据库安装遇到错误INS-30131,虽然未能最终解决,但找到了初步的思路,记录下来给大家提供参考.下文对很多知识的理解可能存在错误或不够精准,仅作参考. ...