甜橘子，专注成都网站制作网站设计与营销型网站建设与优化
QQ :532337155
电话：028-86922220
JavaScript 函数Function 基础
成都创新互联是一家专注于做网站、成都网站建设与策划设计,铜山网站建设哪家好?成都创新互联做网站,专注于网站建设10年,网设计领域的专业建站公司;建站业务涵盖:铜山等地区。铜山做网站价格咨询:13518219792
函数是JS的引用数据类型 匿名函数function() { //Code here }给一个函数名function foo() { //code here }或者var foo = function() { //Code here }执行一个匿名函数(function() { //code here })(); When a function is invoked with fewer arguments than are declared, the additional arguments have the undefined value.如果函数被调用时，所给的参数不够，缺少的参数将传递undefined // Append the names of the enumerable properties of object o to the // array a, and return a. If a is omitted or null, create and return // a new array function cop ...
函数是JavaScript应用程序的基础。 它帮助你实现抽象层，模拟类，信息隐藏和模块。 在TypeScript里，虽然已经支持类，命名空间和模块，但函数仍然是主要的定义行为的地方。 TypeScript为JavaScript函数添加了额外的功能，让我们可以更容易地使用。
我们先来回忆一下JavaScript的函数，有匿名函数和有名字的函数，和JavaScript一样，TypeScript函数可以创建有名字的函数和匿名函数。 你可以随意选择适合应用程序的方式，不论是定义一系列API函数还是只使用一次的函数。
在JavaScript里，函数可以使用函数体外部的变量。 当函数这么做时，我们说它‘捕获’了这些变量。
以上是JavaScript定义函数的方法，接下来就是ts里面定义函数的方法
定义的是什么返回类型，返回类型必须和定义的一致，不然会报错，举个错误的例子：
我们再来看下怎么定义匿名函数：（和定义有名函数一样，根据定义的类型返回相应的类型）
有名函数的传参：
匿名函数传参:
这里再拓展说明一下，还有一种，是不会有返回值的方法：
es5里面的方法的实参和形参可以不一样，但是ts中必须一样，如果不一样就要配置可选参数。
那么上面这句话是什么意思呢，我们来举个例子：假如说，我们现在要传名字和年龄，那我如果不想传年龄过去，我们可以怎么写呢
es5里面没法设置默认参数，es6和ts中都可以设置默认参数。
这个默认参数和上面的可选参数类似，你称为默认可选参数都可以。
有时，你想同时操作多个参数，或者你并不知道会有多少参数传递进来。 在JavaScript里，你可以使用arguments来访问所有传入的参数。
在TypeScript里，你可以把所有参数收集到一个变量里。
首先，大家可以看下面的一个例子：
再比如说，下面的这种情况，一一对应关系，a = 1，b=2，那么result数组就是[3,4],所以我们最后得到的和是和上面的sum1函数一样的。
java中方法的重载，重载指的是两个或者两个以上同名函数，但它们的参数不一样，这是会出现函数重载的情况。
typeScript中的重载，通过为同一个函数提供多个函数类型定义来试下多种功能的目的。
ts为了兼容es5，以及es6重载的写法和java中有区别
我们还能最拓展一下，巩固记忆：
箭头函数里面的this，指向的是上下文
这个箭头函数，没什么要说的，就和之前的一样
本文的最后按照惯例来推荐歌曲了，周杰伦的《手写的从前》，希望你能对那个人说出，“我想我属于一个拥有你的未来，你是我未来的规划之一”，我们下一章再见。
JavaScript加密解密7种方法
作者：不详 来源：DOT技术信息网 日期：2007-11-27 11:30:05
--------------------------------------------------------------------------------
本文一共介绍了七种javascript加密方法：
在做网页时（其实是网页木马呵呵），最让人烦恼的是自己辛辛苦苦写出来的客户端IE运行的javascript代码常常被别人轻易的拷贝，实在让自己的心里有点不是滋味，要知道自己写点东西也挺累的......^*^
但我们也应该清楚地认识到因为javascript代码是在IE中解释执行，要想绝对的保密是不可能的，我们要做的就是尽可能的增大拷贝者复制的难度，让他知难而退（但愿~!~），下面我结合自己这几年来的实践，及个人研究的心得，和大家一起来探讨一下网页中javascript代码的加密解密技术。
以加密下面的javascript代码为例：
SCRIPT LANGUAGE="javascript"
alert("《我爱一起》");
/SCRIPT
一：最简单的加密解密
大家对于javascript函数escape()和unescape()想必是比较了解啦（很多网页加密在用它们），分别是编码和解码字符串，比如例子代码用escape()函数加密后变为如下格式：
alert%28%22%u9ED1%u5BA2%u9632%u7EBF%22%29%3B
如何？还看的懂吗？当然其中的ASCII字符"alert"并没有被加密，如果愿意我们可以写点javascript代码重新把它加密如下：
%61%6C%65%72%74%28%22%u9ED1%u5BA2%u9632%u7EBF%22%29%3B
呵呵！如何？这次是完全都加密了！
当然，这样加密后的代码是不能直接运行的，幸好还有eval(codeString)可用，这个函数的作用就是检查javascript代码并执行，必选项 codeString 参数是包含有效 javascript 代码的字符串值，加上上面的解码unescape()，加密后的结果如下：
SCRIPT LANGUAGE="javascript"
var code=unescape("%61%6C%65%72%74%28%22%u9ED1%u5BA2%u9632%u7EBF%22%29%3B");
eval(code)
/SCRIPT
是不是很简单？不要高兴，解密也就同样的简单，解密代码都摆给别人啦（unescape()）！呵呵
二：转义字符""的妙用
大家可能对转义字符""不太熟悉，但对于javascript提供了一些特殊字符如：n （换行）、 r （回车）、' （单引号）等应该是有所了解的吧？其实""后面还可以跟八进制或十六进制的数字，如字符"a"则可以表示为："141"或"x61"（注意是小写字符"x"），至于双字节字符如汉字"黑"则仅能用十六进制表示为"u9ED1"（注意是小写字符"u"），其中字符"u"表示是双字节字符，根据这个原理例子代码则可以表示为：
八进制转义字符串如下:
SCRIPT LANGUAGE="javascript"
eval("1411541451621645042u9ED1u5BA2u9632u7EBF425173")
/SCRIPT
十六进制转义字符串如下:
SCRIPT LANGUAGE="javascript"
eval("x61x6Cx65x72x74x28x22u9ED1u5BA2u9632u7EBFx22x29x3B")
/SCRIPT
这次没有了解码函数，因为javascript执行时会自行转换，同样解码也是很简单如下：
SCRIPT LANGUAGE="javascript"
alert("x61x6Cx65x72x74x28x22u9ED1u5BA2u9632u7EBFx22x29x3B")
/SCRIPT
就会弹出对话框告诉你解密后的结果！
三：使用Microsoft出品的脚本编码器Script Encoder来进行编码
工具的使用就不多介绍啦！我是直接使用javascript调用控件Scripting.Encoder完成的编码！代码如下：
SCRIPT LANGUAGE="javascript"
var Senc=new ActiveXObject("Scripting.Encoder");
var code='SCRIPT LANGUAGE="javascript"rnalert("《我爱一起》");rn/SCRIPT';
var Encode=Senc.EncodeScriptFile(".htm",code,0,"");
alert(Encode);
/SCRIPT
编码后的结果如下：
SCRIPT LANGUAGE="JScript.Encode"#@~^FgAAAA==@#@lsDD`J黑客防线r#p@#@FgMAAA==^#~@/SCRIPT
够难看懂得吧？但相应的解密工具早已出来，而且连解密网页都有！因为其解密网页代码过多，我就不多说拉！给大家介绍一下我独创的解密代码，如下：
SCRIPT LANGUAGE="JScript.Encode"
function decode()
alert(decode.toString());
/SCRIPT
咋样？够简单吧？它是原理是：编码后的代码运行前IE会先对其进行解码，如果我们先把加密的代码放入一个自定义函数如上面的decode()中，然后对自定义函数decode调用toString()方法，得到的将是解码后的代码！
如果你觉得这样编码得到的代码LANGUAGE属性是JScript.Encode，很容易让人识破，那么还有一个几乎不为人知的window对象的方法execScript()，其原形为：
window.execScript( sExpression, sLanguage )
参数：
sExpression: 必选项。字符串(String)。要被执行的代码。
sLanguage : 必选项。字符串(String)。指定执行的代码的语言。默认值为 Microsoft JScript
使用时，前面的"window"可以省略不写！
利用它我们可以很好的运行编码后的javascript代码，如下：
SCRIPT LANGUAGE="javascript"
execScript("#@~^FgAAAA==@#@lsDD`J我爱一起r#p@#@FgMAAA==^#~@","JScript.Encode")
/SCRIPT
你可以利用方法二对其中的""号内的字符串再进行编码，使得"JScript.Encode"以及编码特征码"#@~^"不出现，效果会更好！
四：任意添加NUL空字符（十六进制00H）
一次偶然的实验，使我发现在HTML网页中任意位置添加任意个数的"空字符"，IE照样会正常显示其中的内容，并正常执行其中的javascript 代码，而添加的"空字符"我们在用一般的编辑器查看时，会显示形如空格或黑块，使得原码很难看懂，如用记事本查看则"空字符"会变成"空格"，利用这个原理加密结果如下：（其中显示的"空格"代表"空字符"）
S C RI P T L ANG U A G E =" J a v a S c r i p t "
a l er t (" 我 爱 一 起") ;
/ SC R I P T
如何？是不是显得乱七八糟的？如果不知道方法的人很难想到要去掉里面的"空字符"（00H）的！
五：无用内容混乱以及换行空格TAB大法
在javascript代码中我们可以加入大量的无用字符串或数字，以及无用代码和注释内容等等，使真正的有用代码埋没在其中，并把有用的代码中能加入换行、空格、TAB的地方加入大量换行、空格、TAB，并可以把正常的字符串用""来进行换行，这样就会使得代码难以看懂！如我加密后的形式如下：
SCRIPT LANGUAGE="javascript"
"xajgxsadffgds";1234567890
625623216;var $=0;alert//@$%%*()((^%^
//cctv function//
(//hhsaasajx xc
/*
asjgdsgu*/
"我爱一起"//ashjgfgf
/*
@#%$^%$96667r45fggbhytjty
*/
//window
)
;"#@$#%@#432hu";212351436
/SCRIPT
至少如果我看到这样的代码是不会有心思去分析它的，你哪？
六：自写解密函数法
这个方法和一、二差不多，只不过是自己写个函数对代码进行解密，很多VBS病毒使用这种方法对自身进行加密，来防止特征码扫描！下面是我写的一个简单的加密解密函数，加密代码如下（详细参照文件"加密.htm"）：
SCRIPT LANGUAGE="javascript"
function compile(code)
{
var c=String.fromCharCode(code.charCodeAt(0)+code.length);
for(var i=1;icode.length;i++)
alert(escape(c));
}
compile('alert("《我爱一起》");')
/SCRIPT
运行得到加密结果为：
o%CD%D1%D7%E6%9CJ%u9EF3%uFA73%uF1D4%u14F1%u7EE1Kd
相应的加密后解密的代码如下：
SCRIPT LANGUAGE="javascript"
function uncompile(code)
{
code=unescape(code);
var c=String.fromCharCode(code.charCodeAt(0)-code.length);
for(var i=1;icode.length;i++)
return c;
}
eval(uncompile("o%CD%D1%D7%E6%9CJ%u9EF3%uFA73%uF1D4%u14F1%u7EE1Kd"));
/SCRIPT
七：错误的利用
利用try{}catch(e){}结构对代码进行测试解密，虽然这个想法很好（呵呵，夸夸自己），因为实用性不大，我仅给个例子
SCRIPT LANGUAGE="javascript"
var a='alert("《我爱一起》");';
var c="";
for(var i=0;ia.length;i++)
alert(c);
//上面的是加密代码，当然如果真正使用这个方法时，不会把加密写上的
//现在变量c就是加密后的代码
//下面的函数t()先假设初始密码为0，解密执行，
//遇到错误则把密码加1，然后接着解密执行，直到正确运行
var d=c; //保存加密后的代码
var b=0; //假定初始密码为0
t();
function t()catch(e){
c="";
for(var i=0;id.length;i++)
b+=1;
t();
//setTimeout("t()",0);
}
}
/SCRIPT
说的直白一点，就是你的html代码里面有个标签中含有id这个属性，并且这个属性不为空，那么document.getElementById就是去获取这个含有id属性的对象，比如你的超链接有id属性，那这个函数就是去获取你的超链接对象。就是这个意思。
操作字符串的值是一般的开发人员必须面临的家常便饭。操作字符串的具体方式有很多，比如说从一个字符串是提取出一部分内容来，或者确定一个字符串是否包含一个特定的字符。下面的 JavaScript 函数为开发人员提供了他们所需要的所有功能：
• concat() – 将两个或多个字符的文本组合起来，返回一个新的字符串。
• indexOf() – 返回字符串中一个子串第一处出现的索引。如果没有匹配项，返回 -1 。
• charAT() – 返回指定位置的字符。
• lastIndexOf() – 返回字符串中一个子串最后一处出现的索引，如果没有匹配项，返回 -1 。
• match() – 检查一个字符串是否匹配一个正则表达式。
• substring() – 返回字符串的一个子串。传入参数是起始位置和结束位置。
• replace() – 用来查找匹配一个正则表达式的字符串，然后使用新字符串代替匹配的字符串。
• search() – 执行一个正则表达式匹配查找。如果查找成功，返回字符串中匹配的索引值。否则返回 -1 。
• slice() – 提取字符串的一部分，并返回一个新字符串。
• split() – 通过将字符串划分成子串，将一个字符串做成一个字符串数组。
• length() – 返回字符串的长度，所谓字符串的长度是指其包含的字符的个数。
• toLowerCase() – 将整个字符串转成小写字母。
• toUpperCase() – 将整个字符串转成大写字母。
注意： concat 、 match 、 replace 和 search 函数是在 JavaScript 1.2 中加入的。所有其它函数在 JavaScript 1.0 就已经提供了。
下面让我们看一下如何在 JavaScript 使用这些函数。下面的代码是用到了前面提到的所有函数：
function manipulateString(passedString1, passedString2) {
var concatString;
// The string passed to concat is added to the end of the first string
concatString = passedString1.concat(passedString2);
alert(concatString);
// The following if statement will be true since first word is Tony
if (concatString.charAt(3) == "y") {
alert("Character found!");
}
// The last position of the letter n is 10
alert("The last index of n is: " + concatString.lastIndexOf("n"));
// A regular expression is used to locate and replace the substring
var newString = concatString.replace(/Tony/gi,"General");
// The following yields Please salute General Patton
alert("Please salute " + newString);
// The match function returns an array containing all matches found
matchArray = concatString.match(/Tony/gi);
for (var i=0; imatchArray.length;i++) {
alert("Match found: " + matchArray[i]);
}
// Determine if the regular expression is found, a –1 indicates no
if (newString.search(/Tony/) == -1) {
alert("String not found");
} else {
alert("String found.");
}
// Extract a portion of the string and store it in a new variable
var sliceString = newString.slice(newString.indexOf("l")+2,newString.length);
alert(sliceString);
// The split function creates a new array containing each value separated by a space
stringArray = concatString.split(" ");
for (var i=0; istringArray.length;i++) {
alert(stringArray[i];
}
alert(newString.toUpperCase());
alert(newString.toLowerCase());
}
下面是执行上面的代码得到的结果：
Tony Patton
Character Found!
The last index of n is: 10
Match found: Tony
Please salute General Patton
String not found
Patton
Tony
Patton
GENERAL PATTON
general patton
示例代码把所有这些提到的函数都用到了。
特殊字符
除了这些函数之外，还有很多的特殊字符可以用来表示关键的效果。这些特殊字符包括：
• – 跳格键
• – 退格 / 删除
• – 回车
• – 换行
• f – 换页
特殊字符最常见的用途就是格式化输出。例如，你可能需要在输出中插入一个换行来正确地显示一个值。而且，在换行时也需要回车。在一些平台上，“ ”已经足够产生换行效果了，而在一些机器上要正确地显示一个换行则需要“ ”。下面的例子显示了在一个多行窗口上显示的特殊字符：
var output = null;
output = "Special Characters";
output += " ";
output += "===============";
output += " ";
output += "t - tab";
output += " ";
output += "b - backspace/delete";
output += " ";
output += "r - carriage return";
output += " ";
output += "n - newline";
output += " ";
output += "f - form feed";
output += " ";
alert(output);
前面的例子使用加号来连接字符串，而没有使用 concat 函数。原因很简单，对于 concat 函数来说，每一个操作都需要一个新的变量；反之，我们这里用的这种方法则简单地扩展了原有的值，而不需要新的变量。而且，示例中使用换码符来正确地显示特殊字符。系统将一个反斜线当作一个信号，认为它后面会跟一个特殊字符，但是连着两个反斜线则抵消这种操作。输出中的每个字符都通过 newline 特殊字符被显示在新的一行。
添加到工具箱中
特殊字符和函数可以与其它 JavaScript 技巧结合起来解决很多问题。其中一种情况是用来进行 JavaScript 客户端表单验证，这篇文章中提出的方法可以简单地用来实现表单验证。
下面的代码将在一个表单被提交时调用。要提交的表单包含三个域：名称、地址和邮政编码。为了实现起来比较简单，我们只验证每个域都不能为空，并且邮政编码必须是数字。下面的 JavaScript 代码完成这一功能：
function validation() {
var doc = document.forms[0];
var msg = "";
if (doc.Name.value == "") {
msg += "- Name is missing ";
}
if (doc.Address.value == "") {
msg += "- Address is missing ";
}
if (doc.ZipCode.value == "") {
msg += "- Zip code is missing ";
}
var zip = new String(doc.ZipCode.value);
if (zip.search(/^[0-9][0-9][0-9][0-9][0-9]$/)==-1) {
msg += "- Enter valid Zip code";
}
if (msg == "") {
doc.submit;
} else {
msg = "Please correct the following validation errors and re-submit: " + msg;
alert(msg);
}
}
在用户提交表单时，这个函数就会被调用。对函数的调用是在一个 HTML 按钮的 onSubmit 事件中实现的。
input type="button" type="submit" value="submit" onClick="validation()"
验证函数检查每个域是否为空。如果发现了一个空值，那么就会在验证消息变量 msg 后面添加一个出错消息。此外，还使用了一个正则表达式来验证邮政编码域的格式。在这里，我们只接受五位数的美国地区邮政编码。如果发现有任何错误（即 msg 变量不为空），那么程序就会显示一个错误消息；否则的话，程序就会提交表单。
一门强大的语言
JavaScript 已经发展成熟为一种功能完备的语言，能够用来构建强大的应用程序。它是对具有非连接性天性的 Web 界面的一个完美的补充，能够在不与 Web 服务器交互的情况下完成很多客户端操作。