`

JavaScript基本概念

 
阅读更多
JavaScript 变量名称的规则:

----变量对大小写敏感(y 和 Y 是两个不同的变量)
----变量必须以字母或下划线开始

插入特殊字符
反斜杠用来在文本字符串中插入省略号、换行符、引号和其他特殊字符。
请看下面的 JavaScript 代码:
var txt="We are the so-called "Vikings" from the north."
document.write(txt)

空格
JavaScript 会忽略多余的空格。所以您可以在代码中添加适当的空格,使得代码的可读性更强。下面的两行是等效的:
name="Hege"
name = "Hege"

换行
您可以在文本字符串内部使用反斜杠对代码进行折行。下面的例子是正确的:
document.write("Hello \
World!")

但是不能像这样折行:
document.write \
("Hello World!")


条件运算符


JavaScript 还包含了基于某些条件对变量进行赋值的条件运算符。
语法
variablename=(condition)?value1:value2

例子
greeting=(visitor=="PRES")?"Dear President ":"Dear ";
如果变量 visitor 中的值是 "PRES",则向变量 greeting 赋值 "Dear President ",否则赋值 "Dear"。

if (条件1)
{
条件1成立时执行代码
}
else if (条件2)
{
条件2成立时执行代码
}
else
{
条件1和条件2均不成立时执行代码
}


switch(n)
   {
   case 1:
     执行代码块 1
     break
   case 2:
     执行代码块 2
     break
   default:
     如果n即不是1也不是2,则执行此代码
   }


警告框
警告框经常用于确保用户可以得到某些信息。
当警告框出现后,用户需要点击确定按钮才能继续进行操作。
语法:
alert("文本")

确认框
确认框用于使用户可以验证或者接受某些信息。
当确认框出现后,用户需要点击确定或者取消按钮才能继续进行操作。
如果用户点击确认,那么返回值为 true。如果用户点击取消,那么返回值为 false。
语法:
confirm("文本")

提示框

提示框经常用于提示用户在进入页面前输入某个值。
当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。
如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为 null。
语法:
prompt("文本","默认值")

for 循环

在脚本的运行次数已确定的情况下使用 for 循环。
语法:
for (变量=开始值;变量<=结束值;变量=变量+步进值)
{
    需执行的代码
}

有两种在网页中捕获错误的方法:

    使用 try...catch 语句。(在 IE5+、Mozilla 1.0、和 Netscape 6 中可用)
    使用 onerror 事件。这是用于捕获错误的老式方法。(Netscape 3 以后的版本可用)

onerror=handleErrfunction handleErr(msg,url,l)
{
//Handle the error here
return true or false
}



this function

function sum(a, b) {
var c = a + b;
return c;
}
sum(1, 2, 3, 4, 5)


JavaScript is not picky at all when it comes to parameters. If you pass more parameters than the function expects, the extra parameters will be silently ignored


What's more, you can create functions that are flexible about the number of parameters they accept. This is possible thanks to the arguments array that is created automatically inside each function. Here's a function that simply returns whatever parameters are passed to it:
>>> function args() { return arguments; }
>>> args();

>>> args( 1, 2, 3, 4, true, 'ninja');
[1, 2, 3, 4, true, "ninja"]

全等号和非全等号
等号和非等号的同类运算符是全等号和非全等号。这两个运算符所做的与等号和非等号相同,只是它们在检查相等性前,不执行类型转换。
全等号由三个等号表示(===),只有在无需类型转换运算数就相等的情况下,才返回 true。
例如:

var sNum = "66";
var iNum = 66;
alert(sNum == iNum);	//输出 "true"
alert(sNum === iNum);	//输出 "false"


encodeURI(URIstring)
说明

该方法不会对 ASCII 字母和数字进行编码,也不会对这些 ASCII 标点符号进行编码: - _ . ! ~ * ' ( ) 。
该方法的目的是对 URI 进行完整的编码,因此对以下在 URI 中具有特殊含义的 ASCII 标点符号,encodeURI() 函数是不会进行转义的:;/?:@&=+$,#

提示和注释
提示:如果 URI 组件中含有分隔符,比如 ? 和 #,则应当使用 encodeURIComponent() 方法分别对各组件进行编码。

eval()
eval() takes a string input and executes it as JavaScript code:


CallBack 函数
常规应该
function addOne(a) {
return a + 1;
}
function multiplyByTwo(a, b, c) {
var i, ar = [];
for(i = 0; i < 3; i++) {
ar[i] = (arguments[i] * 2);
}
ar[i]
return ar;
}
var myarr = [];
myarr = multiplyByTwo(10, 20, 30);
for (var i = 0; i < 3; i++) {myarr[i] = addOne(myarr[i]);}
>>> myarr

但是现在利用callback函数,可以节约一个循环

function addOne(a) {
return a + 1;
}
function multiplyByTwo(a, b, c, callback) {
var i, ar = [];
for(i = 0; i < 3; i++) {
ar[i] = callback(arguments[i] * 2);
}
ar[i]
return ar;
}
multiplyByTwo(10,20,30,addOne)



anonymous self-invoking functions


(
function(name){
alert('Hello ' + name + '!');
}
)('dude')


One good reason for using self-invoking anonymous functions is to have some
work done without creating global variables.
A drawback, of course, is that you cannot execute the same function twice (unless you put it inside a loop or another function).
This makes the anonymous self-invoking functions best suited for one-off or initialization tasks.

Inner (Private) Functions


function a(param) {
 
function b(theinput) {
   
return theinput * 2;
};
return 'The result is ' + b(param);}


JavaScript作用域
另,既然是作为变量,它就拥有变量的一切特征。如,在调用delete方法删除一个变量时,有以下一个有趣的现象:var 变量是不能删除,没有var的变量才能删除。
因为函数是作为一种数据而设计出来,因此它遵循其他变量的行为,如被拷贝,被删除,作为参数放进函数内。
x = 1
alert(delete x) // true
var y = 2
alert(delete y) // false



How to define a object in JavaScript

var hero = {
breed: 'Turtle',
occupation: 'Ninja'
};


It's recommended that you don't quote the names of the properties (it is also less typing!), but there are some cases when you have must use quotes:
If the property name is one of the reserved words in JavaScript (see Appendix A)
If it contains spaces or special characters (anything other than letters, numbers, and the underscore character)
If it starts with a number

var o = {
something: 1,
'yes or no': 'yes',
'!@#$%^&*': true
};

















分享到:
评论

相关推荐

    JAVASCRIPT基本概念[整理].pdf

    JAVASCRIPT基本概念[整理].pdf

    JavaScript基本概念初级讲解论坛贴的学习记录

    JavaScript基本概念 论坛贴建议大家看下,都是一些js的高级的技巧知识小结。

    JavaScript核心概念及实践 高清PDF扫描版 (邱俊涛).pdf

    第2章 基本概念 第3章 对象 第4章 函数 第5章 数组 第6章 正则表达式 第7章 闭包 第8章 面向对象的JavaScript 第9章 函数式的JavaScript 第10章 核心概念深入 第11章 客户端的JavaScript 第12章 客户端的...

    JavaScript 基本概念

    本文续上文,继续讲述javascript的基础,分为一下几个部分:区分大小写、标示符、注释、语句、关键字和保留字,希望能给大家一些新的认识。

    新手必须知的Node.js 4个JavaScript基本概念

    本文介绍了4个基本JavaScript概念,它是你学习node.js所必需要掌握,下面就让我们来看一下具体是哪4个基本JavaScript概念

    javascript-cheatsheet:了解JavaScript的基本术语,概念和语法

    这是JavaScript基本概念的备忘单。 开始学习JavaScript的基本概念,语法,术语和不同的构造。 奖励:第14节的单页DOM API速查表 想正确学习JavaScript吗? iLoveCoding Pro会员。 我呈现给您-JavaScript备忘单 :...

    js-code-snippets:学习基本JavaScript概念

    了解实际JavaScript基本概念。 :high_voltage: 对于初学者和中级! 贡献者指南 如果您不熟悉Git和Github,建议您先进行然后再继续下一步。 在分叉存储库 克隆分叉存储库 $ git clone ...

    DOM脚本编程

    本书原名《DOM Scripting》,作者Jeremy Keith,讲述的是DOM和JavaScript基本概念和编程思路,如果将它作为一本程序员指南或参考手册,你会大失所望。但是一旦通读了本书,则会有一种眼前一亮豁然开朗的感觉:原来...

    Javascript-Fundamental-Concept

    Javascript基本概念

    JavaScript语言与Ajax应用(第二版).rar

    《JavaScript语言与Ajax应用》主要内容包括:JavaScript基本概念与开发环境的选择、面向对象程序设计、文档对象模型、事件处理、浏览器对象模型、JavaScript库、动画效果、Ajax技术和表单验证等。《JavaScript语言与...

    JavaScript基本应用

    1. Javascript的基本概念 2 2. Javascript中函数的使用 3 3. Javascript中的对象 4 4. JavaScript中的行为 5 二、 Javascript中的时间对象 6 1. 时间对象的方法(从0开始) 6 2. 时间对象的实际应用 6 三、 ...

    精通javascript+jQuery

    主要内容包括JavaScript的概念和基本语法、CSS基础、CSS排版、DOM模型框架、网页中的事件、表格表单、JavaScript的调试与优化、Ajax异步技术等。在此基础之上又通过精彩的实例详细讲解了jQuery的相关技术:主要包括...

    Javascript客户端脚本的设计和应用

    Javascript基本概念  JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言,最初由Netscape公司创造出来,起名Live Script,它和Java的关系只有一个:名字比较像。使用它的目的是与...

    Google V8学习手记,月javascript写服务器端是多少人的梦醒呀,Google v8让javascript和php一样

     2.1 v8的基本概念  2.2 从HelloWorld开始  2.3 在C++中访问Javascript的变量及函数   2.4 在Javascript中访问C++全局函数及变量  2.5 在C++中“声明”“Javascript类”, 供Javascript实例化  2.6 封装完整的...

    JavaScript入门篇,JavaScript基础知识

    学习JavaScript的第一步是理解其语法和基本概念。这包括了学习如何创建JavaScript代码块,熟悉JavaScript的基本对象,了解语法规则和数据类型,以及掌握流程控制与错误处理的方式。此外,对于初学者来说,一些优质的...

    2024高频前端面试题 JavaScript

    目标是帮助读者建立对JavaScript面试的基本理解,为后续的面试准备和实际面试打下坚实的基础。 【其他说明】 文章采用通俗易懂的语言,避免了复杂的编程术语,使得初学者也能轻松理解。同时,文章还提供了实际面试中...

    javascript完全学习手册1 源码

    1.1.2 JavaScript的基本特点 2 1.1.3 常用的Web开发语言 3 1.2 JavaScript的应用 4 1.2.1 客户端应用 5 1.2.2 服务器端应用 5 1.3 在Web页面中使用JavaScript 5 1.3.1 HTML的基本结构 5 1.3.2 在HTML中嵌入...

Global site tag (gtag.js) - Google Analytics