Home >Web Front-end >JS Tutorial >Javascript_2_Dynamic function_Anonymous function_String object_Prototype attribute
Javascript_2_Dynamic function_Anonymous function_String object_Prototype attribute
- 黄舟Original
- 2017-01-18 16:23:421055browse
Javascript_2_Dynamic Function_Anonymous Function_String Object_Prototype Attribute
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title>javascript演示4</title>
</head>
<body>
<h1>javascript演示4</h1>
<script type="text/javascript" src="a.js"> </script>
<script type="text/javascript">
/*
* JS函数的其他表现形式：动态函数和匿名函数
1，动态函数，使用js内置对象Function对象
方法：new Function("参数列表","方法体")；
*/
var add=new Function("x,y","var sum;sum=x+y;return sum;");
println(add(6,7));//13
function add2(x,y){
var sum;
sum=x+y;
return sum;
}
/*
* 这两种究竟有何区别？
* 如果是function 函数名（）{}这种写法就写死了！
* 而，new Function("参数列表","方法体")
* 参数列表和方法体 都是字符串，未知的，可变化
* 可以通过字符串动态指定！但很少使用！
*/
//匿名函数：没有名字的函数 是种简写形式，
//这个在事件处理时，用得较多！
var add3=function (x,y){
return x+y;
}
println(add3(4,6));
function hehe(){
println("hehe run");
}
var xixi=hehe;//让xixi指向了hehe指向的函数对象
/*
* 上面这两段代码就可以简写成下面这一句代码：
* 即匿名函数
*/
var xixi=function(){
println("hehe run");
}
//综合练习1：求数组最大值
var arr1=[2,4,6,7,133,244,67];
function getMax(arr){
var maxIndex=0;
for (var i=0; i < arr.length; i++) {
if(arr[i]>arr[maxIndex]){
maxIndex=i;
}
}
return arr[maxIndex];
}
println(getMax(arr1));//244
//综合练习2：选择排序
function sortArray(arr){
for (var i=0; i < arr.length-1; i++) {
for (var j=i; j < arr.length; j++) {
if (arr[i]>arr[j]) {
var temp=arr[i];
arr[i]=arr[j];
arr[j]=temp;
}
}
}
}
println("排序前："+arr1);
//排序前：2,4,6,7,133,244,67
sortArray(arr1);
println("排序后："+arr1);
//排序后：2,4,6,7,67,133,244
/*
* 函数对象被直接打印：字符串代码
* 数组对象被直接打印：逗号连接各个数组成员
*/
//综合练习3：查找
function searchElement(arr,value){
for (var i=0; i < arr.length; i++) {
if(arr[i]==value){
return i;
}
}
return -1;
}
println(searchElement(arr1,67));
//折半查找：又称二分查找法(前提必须是有序的)
function binarySearch(arr,value){
var min,mid,max;
min=0;
max=arr.length-1;
while(min<=max){
mid=(max+min)/2;
//也可以写成>>1
if (value>arr[mid]) {
min=mid+1;
}
else if (value<arr[mid]) {
max=mid-1;
}
else{
return mid;
};
}
return -1;//循环完了还有找到
}
println(binarySearch(arr1,67));
println(binarySearch(arr1,68));
/*
* 综合练习4：对数组进行反转
*/
function reverseArray(arr){
for(var start=0,end=arr.length-1;start<end;start++,end--){
swap(arr,start,end);
}
}
function swap(arr,i,j){
var temp=arr[i];
arr[i]=arr[j];
arr[j]=temp;
}
println("反转前："+arr1);
reverseArray(arr1);
println("反转后："+arr1);
//反转前：2,4,6,7,67,133,244
//反转后：244,133,67,7,6,4,2
/*
* JS变量的特点：
* 1，只有在函数体内定义的变量是局部变量
* function 函数名（）{
* var sum=0;
* }
*/
function show(){
var show_sum=1000;//这个是局部变量，函数体外不能使用！
alert(show_sum);
}
/*
* 全局变量：在直接在script标签中定义的变量
* 在该页面的所有script标签都有效！
*/
var test_1="abc";
for (var i=0; i < 3; i++) {
println(i);
}
</script>
<script type="text/javascript">
println(test_1);//abc
println(i);//3 在上一个script标签的for循环里定义的
println(arr1);//244,133,67,7,6,4,2
for (var i=0; i < 3; i++) {//这不是新定义变量，而是对已有i重新赋值
}
/*
* 下面这个例子将演示形参
*/
var x=3;
function show(x){//形参，局部变量
x=8;
println("函数里面："+x);
}
show(x);
println(x);//3
function show(){
println("show run");
}
println(show.toString());//相当于alert(show);
var arr=[2,4,6,7];
println(arr.toString());//相当于
println(arr);//相当于
println(arr.valueOf());
/*
* valueOf 方法
返回指定对象的原始值。
object.valueOf( )
必选项 object 参数是任意固有 JScript 对象。
说明
每个 JScript 固有对象的 valueOf 方法定义不同。
对象 返回值
Array 数组的元素被转换为字符串，这些字符串由逗号分隔，
连接在一起。其操作与 Array.toString 和 Array.join 方法相同。
Boolean Boolean 值。
Date 存储的时间是从 1970 年 1 月 1 日午夜开始计的毫秒数 UTC。
Function 函数本身。
Number 数字值。
Object 对象本身。这是默认情况。
String 字符串值。
Math 和 Error 对象没有 valueOf 方法。
*
*
* toString 方法
返回对象的字符串表示。
objectname.toString([radix])
参数
objectname
必选项。要得到字符串表示的对象。
radix
可选项。指定将数字值转换为字符串时的进制。
说明
toString 方法是所有内建的 JScript 对象的成员。它的操作依赖于对象的类型：
对象 操作
Array 将 Array 的元素转换为字符串。结果字符串由逗号分隔，且连接起来。
Boolean 如果 Boolean 值是 true，则返回 “true”。否则，返回 “false”。
Date 返回日期的文字表示法。
Error 返回一个包含相关错误消息的字符串。
Function 返回如下格式的字符串，其中 functionname
是被调用 toString 方法函数的名称：
function functionname( ) { [native code] }
Number 返回数字的文字表示。
String 返回 String 对象的值。
默认 返回 “[object objectname]”，其中 objectname 是对象类型的名称。
*/
var abc=function(){
println("abc run");
}
println(abc);
println(abc.valueOf());
println(arr.valueOf());
//String对象
var str1=new String("abc");
var str2="abc";
println(str1.length);
println(str1.bold());
println(str1.fontcolor("red"));
println(str1.link("http://www.baidu.com"));
/*
* 在Java中获取字符串长度是用方法（）
* 而在JS当中，用的是属性！注意区别
* substr 方法
返回一个从指定位置开始的指定长度的子字符串。
stringvar.substr(start [, length ])
参数
stringvar
必选项。要提取子字符串的字符串文字或 String 对象。
start 必选项。所需的子字符串的起始位置。
字符串中的第一个字符的索引为 0。
length 可选项。在返回的子字符串中应包括的字符个数。
说明
如果 length 为 0 或负数，将返回一个空字符串。
如果没有指定该参数，则子字符串将延续到 stringvar 的最后。
下面的示例演示了substr 方法的用法。
function SubstrDemo(){
var s, ss; // 声明变量。
var s = "The rain in Spain falls mainly in the plain.";
ss = s.substr(12, 5); // 获取子字符串。
return(ss); // 返回 "Spain"。
}
*
*
* substring 方法
返回位于 String 对象中指定位置的子字符串。
strVariable.substring(start, end)
"String Literal".substring(start, end)
参数
start
指明子字符串的起始位置，该索引从 0 开始起算。
end
指明子字符串的结束位置，该索引从 0 开始起算。
说明
substring 方法将返回一个包含从 start 到最后（不包含 end ）的子字符串的字符串。
substring 方法使用 start 和 end 两者中的较小值作为子字符串的起始点。
例如， strvar.substring(0, 3) 和 strvar.substring(3, 0) 将返回相同的子字符串。
如果 start 或 end 为 NaN 或者负数，那么将其替换为0。
子字符串的长度等于 start 和 end 之差的绝对值。
例如，在 strvar.substring(0, 3) 和 strvar.substring(3, 0)
返回的子字符串的的长度是 3。
下面的示例演示了 substring 方法的用法。
function SubstringDemo(){
var ss; // 声明变量。
var s = "The rain in Spain falls mainly in the plain..";
ss = s.substring(12, 17); // 取子字符串。
return(ss); // 返回子字符串。
}
*
* charAt 方法
返回指定索引位置处的字符。
strObj.charAt(index)
参数
strObj
必选项。任意 String 对象或文字。
index
必选项。想得到的字符的基于零的索引。有效值是 0 与字符串长度减 1 之间的值。
说明
charAt 方法返回一个字符值，该字符位于指定索引位置。
字符串中的第一个字符的索引为 0，第二个的索引为 1，
等等。超出有效范围的索引值返回空字符串。
示例
下面的示例说明了 charAt 方法的用法：
function charAtTest(n){
var str = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; // 初始化变量。
var s; // 声名变量。
s = str.charAt(n - 1); // 从索引为n – 1的位置处
// 获取正确的字符。
return(s); //返回字符。
}
*
*/
var str="abcde";
println(str.substr(1,3));//从下标为1开始取3个长度：bde
println(str.substring(1,3));//开始为1，结束为3，长度为2: bc
/*
* 练习1：自定义方法，去除字符串两端的空格
* 两个指针，一个从头找空格，一个从尾找空格，再取长度
* 同时提防 字符串全是空格的情况
*/
function trim(str){
var start,end;
start=0;
end=str.length-1;
while(start<=end&&str.charAt(start)==' '){
start++;
}
while(start<=end&&str.charAt(end)==" "){
end--;
}
return str.substring(start,end+1);//关键！！！
}
str=" a bc ";
println("-"+trim(str)+"-");
/*
* prototype 属性
返回对象类型原型的引用。
objectName.prototype
objectName 参数是对象的名称。
说明
用 prototype 属性提供对象的类的一组基本功能。
对象的新实例“继承”赋予该对象原型的操作。
例如，要为 Array 对象添加返回数组中最大元素值的方法。
要完成这一点，声明该函数，将它加入 Array.prototype， 并使用它。
function array_max( ){
var i, max = this[0];
for (i = 1; i < this.length; i++)
{
if (max < this[i])
max = this[i];
}
return max;
}
Array.prototype.max = array_max;
var x = new Array(1, 2, 3, 4, 5, 6);
var y = x.max( );
该代码执行后，y 保存数组 x 中的最大值，或说 6。
所有 JScript 固有对象都有只读的 prototype 属性。
可以象该例中那样为原型添加功能，但该对象不能被赋予不同的原型。
然而，用户定义的对象可以被赋给新的原型。
本语言参考中每个内部对象的方法和属性列表
指出哪些是对象原型的部分，哪些不是。
*/
//prototype属性，需求：将trim功能添加到String对象里面去
//第1种方法；先定义好函数，再指向引用，即函数名
//函数没参数，函数体使用this
//第2种方法：使用匿名函数
function trim2(){
var start,end;
start=0;
end=this.length-1;
while(start<=end&&this.charAt(start)==' '){
start++;
}
while(start<=end&&this.charAt(end)==" "){
end--;
}
return this.substring(start,end+1);//关键！！！
}
String.prototype.trim=trim2;
str1=" a bc ";
println("-"+str1.trim()+"-");
//第2种演示：
String.prototype.trim1=function(){
var start,end;
start=0;
end=this.length-1;
while(start<=end&&this.charAt(start)==' '){
start++;
}
while(start<=end&&this.charAt(end)==" "){
end--;
}
return this.substring(start,end+1);//关键！！！
}
str2=" ab bc ";
println("-"+str2.trim1()+"-");
String.prototype.len=199;
println("abc".len);
//原型练习1：将字符串变成字符数组
String.prototype.toCharArray=function(){
var chs=[];
for (var i=0; i < this.length; i++) {
chs[i]=this.charAt(i);
}
return chs;
}
str3="a ab bcd z";
println(str3);
println(str3.toCharArray());
//原型练习2：将字符串反转
String.prototype.reverse=function(){
var arr=this.toCharArray();
for (var start=0,end=arr.length-1; start <end; start++,end--) {
swap(arr,start,end);
}
return arr.join();
}
str4="a ab bcd z";
println(str4);
println(str4.reverse());
/*
* Java不允许在函数里面还有函数
* 但是，JS却可以，因为函数是封装体，是对象，相当于内部类
*/
</script>
</body>
</html>
The above is Javascript_2_Dynamic Function_Anonymous Function_String Object_Prototype Attribute For more related content, please pay attention to the PHP Chinese website (www.php.cn)!
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：Javascript_1_SyntaxNext article：Javascript_1_Syntax
Related articles
See more- An in-depth analysis of the Bootstrap list group component
- Detailed explanation of JavaScript function currying
- Complete example of JS password generation and strength detection (with demo source code download)
- Angularjs integrates WeChat UI (weui)
- How to quickly switch between Traditional Chinese and Simplified Chinese with JavaScript and the trick for websites to support switching between Simplified and Traditional Chinese_javascript skills