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>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>
以上就是Javascript_2_动态函数_匿名函数_String对象_原型属性的内容，更多相关内容请关注PHP中文网（www.php.cn）！
声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
JavaScript是用C编写的吗？检查证据Apr 25, 2025 am 12:15 AM是的，JavaScript的引擎核心是用C语言编写的。1）C语言提供了高效性能和底层控制，适合JavaScript引擎的开发。2）以V8引擎为例，其核心用C 编写，结合了C的效率和面向对象特性。3）JavaScript引擎的工作原理包括解析、编译和执行，C语言在这些过程中发挥关键作用。
JavaScript的角色：使网络交互和动态Apr 24, 2025 am 12:12 AMJavaScript是现代网站的核心，因为它增强了网页的交互性和动态性。1)它允许在不刷新页面的情况下改变内容，2)通过DOMAPI操作网页，3)支持复杂的交互效果如动画和拖放，4)优化性能和最佳实践提高用户体验。
C和JavaScript：连接解释Apr 23, 2025 am 12:07 AMC 和JavaScript通过WebAssembly实现互操作性。1）C 代码编译成WebAssembly模块，引入到JavaScript环境中，增强计算能力。2）在游戏开发中，C 处理物理引擎和图形渲染，JavaScript负责游戏逻辑和用户界面。
从网站到应用程序：JavaScript的不同应用Apr 22, 2025 am 12:02 AMJavaScript在网站、移动应用、桌面应用和服务器端编程中均有广泛应用。1)在网站开发中，JavaScript与HTML、CSS一起操作DOM，实现动态效果，并支持如jQuery、React等框架。2)通过ReactNative和Ionic，JavaScript用于开发跨平台移动应用。3)Electron框架使JavaScript能构建桌面应用。4)Node.js让JavaScript在服务器端运行，支持高并发请求。
Python vs. JavaScript：比较用例和应用程序Apr 21, 2025 am 12:01 AMPython更适合数据科学和自动化，JavaScript更适合前端和全栈开发。1.Python在数据科学和机器学习中表现出色，使用NumPy、Pandas等库进行数据处理和建模。2.Python在自动化和脚本编写方面简洁高效。3.JavaScript在前端开发中不可或缺，用于构建动态网页和单页面应用。4.JavaScript通过Node.js在后端开发中发挥作用，支持全栈开发。
C/C在JavaScript口译员和编译器中的作用Apr 20, 2025 am 12:01 AMC和C 在JavaScript引擎中扮演了至关重要的角色，主要用于实现解释器和JIT编译器。 1）C 用于解析JavaScript源码并生成抽象语法树。 2）C 负责生成和执行字节码。 3）C 实现JIT编译器，在运行时优化和编译热点代码，显着提高JavaScript的执行效率。
JavaScript在行动中：现实世界中的示例和项目Apr 19, 2025 am 12:13 AMJavaScript在现实世界中的应用包括前端和后端开发。1)通过构建TODO列表应用展示前端应用，涉及DOM操作和事件处理。2)通过Node.js和Express构建RESTfulAPI展示后端应用。
JavaScript和Web：核心功能和用例Apr 18, 2025 am 12:19 AMJavaScript在Web开发中的主要用途包括客户端交互、表单验证和异步通信。1)通过DOM操作实现动态内容更新和用户交互；2)在用户提交数据前进行客户端验证，提高用户体验；3)通过AJAX技术实现与服务器的无刷新通信。
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸！
热门文章
刺客信条阴影：贝壳谜语解决方案
3 周前ByDDD
Windows 11 KB5054979中的新功能以及如何解决更新问题
3 周前ByDDD
在哪里可以找到原子中的起重机控制钥匙卡
3 周前ByDDD
<🎜>：死铁路 - 如何完成所有挑战
4 周前ByDDD
Atomfall指南：项目位置，任务指南和技巧
1 个月前ByDDD
热工具
Dreamweaver Mac版
视觉化网页开发工具
VSCode Windows 64位 下载
微软推出的免费、功能强大的一款IDE编辑器
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
安全考试浏览器
Safe Exam Browser是一个安全的浏览器环境，用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问，并防止学生使用未经授权的资源。
Dreamweaver CS6
视觉化网页开发工具
