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
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)!
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
Usage and characteristics of C++ anonymous functions
Apr 19, 2024 am 09:03 AM
An anonymous function, also known as a lambda expression, is a function that does not specify a name and is used for one-time use or to pass a function pointer. Features include: anonymity, one-time use, closures, return type inference. In practice, it is often used for sorting or other one-time function calls.
Comparison and trade-off between C++ static functions and dynamic functions
Apr 17, 2024 am 10:48 AM
Static functions are bound at compile time, do not require object instances, can access static members and global variables, and cannot be inherited; dynamic functions are bound at runtime, require object instances, can access non-static members and local variables, and can be inherited.
Analysis of anonymous function application scenarios in Golang functions
May 16, 2023 pm 10:51 PM
As a modern programming language, Golang (also known as Go language) has many powerful features. Among them, anonymous functions are a very important concept in Golang and are widely used in various scenarios. In this article, we will deeply analyze the application scenarios of anonymous functions in Golang functions. Event Handler In event handler, anonymous function is a very convenient and practical tool. Custom logic can be passed to the event handler through an anonymous function, such as: funcmain(){bt
How to use PHP7's anonymous functions and closures to achieve more flexible code logic processing?
Oct 21, 2023 am 10:21 AM
How to use PHP7's anonymous functions and closures to achieve more flexible code logic processing? Before PHP7, we often used functions to encapsulate a specific piece of logic, and then called these functions in the code to implement specific functions. However, sometimes we may need to define some temporary logic blocks in the code. These logic blocks do not need to create an independent function, and at the same time, we do not want to introduce too many global variables into the code. PHP7 introduces anonymous functions and closures, which can solve this problem very well. An anonymous function is a function without a name
Can Golang anonymous functions return multiple values?
Apr 13, 2024 pm 04:09 PM
Yes, anonymous functions in Go language can return multiple values. Syntax: func(arg1,arg2,...,argN)(ret1,ret2,...,retM){//Function body}. Usage: Use the := operator to receive the return value; use the return keyword to return multiple values.
How to use PHP7's anonymous functions and closures to achieve more flexible and reusable code logic?
Oct 24, 2023 am 10:30 AM
How to use PHP7’s anonymous functions and closures to achieve more flexible and reusable code logic? In the world of PHP programming, anonymous functions and closures are very valuable and powerful tools. PHP7 introduces some new language features that make using anonymous functions and closures more convenient and flexible. This article will introduce how to use PHP7's anonymous functions and closures to achieve more flexible and reusable code logic, and provide some specific code examples. 1. Anonymous function An anonymous function is a function without a name. In PHP, you can use anonymous
Anonymous functions in PHP8.0
May 14, 2023 am 08:31 AM
PHP8.0 is the latest version of the PHP programming language. One important update is improvements and enhancements to anonymous functions. An anonymous function (also called a closure) is a special type of function that can be created dynamically at runtime and passed to other functions or stored in a variable. In PHP, anonymous functions are crucial for advanced programming and web development. PHP8.0 provides some new syntax and features that make anonymous functions more flexible and easier to use. Some of the updates are as follows: Type declarations for function parameters in PHP8.0,
Python Lambda Expressions: Making Programming Easier
Feb 19, 2024 pm 09:54 PM
A python Lambda expression is a small anonymous function that stores an expression in a variable and returns its value. Lambda expressions are often used to perform simple tasks that can be accomplished by writing a separate function, but Lambda expressions can make the code more concise and readable. The syntax of a Lambda expression is as follows: lambdaarguments: expressionarguments is the parameter list received by the Lambda expression, and expression is the body of the Lambda expression, which contains the code that needs to be executed. For example, the following Lambda expression adds two numbers and returns their sum: lambdax,
