Javascript_2_動態函數_匿名函數_String物件_原型屬性-js教程-PHP中文網

首頁

web前端

js教程

Javascript_2_動態函數_匿名函數_String物件_原型屬性

黄舟

Jan 18, 2017 pm 04:23 PM

Javascript_2_動態函數_匿名函數_String物件_原型屬性

<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 id="javascript演示">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)==&#39; &#39;){
                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)==&#39; &#39;){
                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)==&#39; &#39;){
                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>

以上就是Javascript_2_動態函數_匿名函數_String物件_原型屬性的內容，更多相關內容請注意PHP中文網（www .php.cn）！

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

JavaScript引擎：比較實施Apr 13, 2025 am 12:05 AM

不同JavaScript引擎在解析和執行JavaScript代碼時，效果會有所不同，因為每個引擎的實現原理和優化策略各有差異。 1.詞法分析：將源碼轉換為詞法單元。 2.語法分析：生成抽象語法樹。 3.優化和編譯：通過JIT編譯器生成機器碼。 4.執行：運行機器碼。 V8引擎通過即時編譯和隱藏類優化，SpiderMonkey使用類型推斷系統，導致在相同代碼上的性能表現不同。

超越瀏覽器：現實世界中的JavaScriptApr 12, 2025 am 12:06 AM

JavaScript在現實世界中的應用包括服務器端編程、移動應用開發和物聯網控制：1.通過Node.js實現服務器端編程，適用於高並發請求處理。 2.通過ReactNative進行移動應用開發，支持跨平台部署。 3.通過Johnny-Five庫用於物聯網設備控制，適用於硬件交互。

使用Next.js（後端集成）構建多租戶SaaS應用程序Apr 11, 2025 am 08:23 AM

我使用您的日常技術工具構建了功能性的多租戶SaaS應用程序（一個Edtech應用程序），您可以做同樣的事情。首先，什麼是多租戶SaaS應用程序？多租戶SaaS應用程序可讓您從唱歌中為多個客戶提供服務

如何使用Next.js（前端集成）構建多租戶SaaS應用程序Apr 11, 2025 am 08:22 AM

本文展示了與許可證確保的後端的前端集成，並使用Next.js構建功能性Edtech SaaS應用程序。前端獲取用戶權限以控制UI的可見性並確保API要求遵守角色庫

JavaScript：探索網絡語言的多功能性Apr 11, 2025 am 12:01 AM

JavaScript是現代Web開發的核心語言，因其多樣性和靈活性而廣泛應用。 1)前端開發：通過DOM操作和現代框架（如React、Vue.js、Angular）構建動態網頁和單頁面應用。 2)服務器端開發：Node.js利用非阻塞I/O模型處理高並發和實時應用。 3)移動和桌面應用開發：通過ReactNative和Electron實現跨平台開發，提高開發效率。

JavaScript的演變：當前的趨勢和未來前景Apr 10, 2025 am 09:33 AM

JavaScript的最新趨勢包括TypeScript的崛起、現代框架和庫的流行以及WebAssembly的應用。未來前景涵蓋更強大的類型系統、服務器端JavaScript的發展、人工智能和機器學習的擴展以及物聯網和邊緣計算的潛力。

神秘的JavaScript：它的作用以及為什麼重要Apr 09, 2025 am 12:07 AM

JavaScript是現代Web開發的基石，它的主要功能包括事件驅動編程、動態內容生成和異步編程。 1)事件驅動編程允許網頁根據用戶操作動態變化。 2)動態內容生成使得頁面內容可以根據條件調整。 3)異步編程確保用戶界面不被阻塞。 JavaScript廣泛應用於網頁交互、單頁面應用和服務器端開發，極大地提升了用戶體驗和跨平台開發的靈活性。