Web-Frontend
js-Tutorial
Javascript_2_Dynamic function_Anonymous function_String object_Prototype-Attribut
Javascript_2_Dynamic function_Anonymous function_String object_Prototype-Attribut
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>Das Obige ist Javascript_2_Dynamic Function_Anonymous Function_String Object_ Achten Sie beim Inhalt der Prototypattribute bitte auf PHP-Chinesisch Website (www.php.cn) für weitere verwandte Inhalte!
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1376
52
Verwendung und Eigenschaften anonymer C++-Funktionen
Apr 19, 2024 am 09:03 AM
Eine anonyme Funktion, auch Lambda-Ausdruck genannt, ist eine Funktion, die keinen Namen angibt und zur einmaligen Verwendung oder zur Übergabe eines Funktionszeigers verwendet wird. Zu den Funktionen gehören: Anonymität, einmalige Verwendung, Schließungen, Rückschluss auf den Rückgabetyp. In der Praxis wird es häufig zum Sortieren oder für andere einmalige Funktionsaufrufe verwendet.
Vergleich und Kompromiss zwischen statischen C++-Funktionen und dynamischen Funktionen
Apr 17, 2024 am 10:48 AM
Statische Funktionen sind zur Kompilierzeit gebunden, erfordern keine Objektinstanzen, können auf statische Mitglieder und globale Variablen zugreifen und können nicht vererbt werden. Dynamische Funktionen sind zur Laufzeit gebunden, erfordern Objektinstanzen, können auf nicht statische Mitglieder und lokale Variablen zugreifen und können vererbt werden.
Analyse anonymer Funktionsanwendungsszenarien in Golang-Funktionen
May 16, 2023 pm 10:51 PM
Als moderne Programmiersprache verfügt Golang (auch bekannt als Go-Sprache) über viele leistungsstarke Funktionen. Unter diesen sind anonyme Funktionen ein sehr wichtiges Konzept in Golang und werden in verschiedenen Szenarien häufig verwendet. In diesem Artikel werden wir die Anwendungsszenarien anonymer Funktionen in Golang-Funktionen eingehend analysieren. Event-Handler Im Event-Handler ist die anonyme Funktion ein sehr praktisches und praktisches Werkzeug. Benutzerdefinierte Logik kann über eine anonyme Funktion an den Ereignishandler übergeben werden, z. B.: funcmain(){bt
Wie kann ich die anonymen Funktionen und Abschlüsse von PHP7 nutzen, um eine flexiblere Codelogikverarbeitung zu erreichen?
Oct 21, 2023 am 10:21 AM
Wie kann ich die anonymen Funktionen und Abschlüsse von PHP7 nutzen, um eine flexiblere Codelogikverarbeitung zu erreichen? Vor PHP7 verwendeten wir häufig Funktionen, um einen bestimmten Teil der Logik zu kapseln, und riefen diese Funktionen dann im Code auf, um bestimmte Funktionen zu implementieren. Manchmal müssen wir jedoch möglicherweise einige temporäre Logikblöcke im Code definieren. Diese Logikblöcke müssen keine unabhängige Funktion erstellen, und gleichzeitig möchten wir nicht zu viele globale Variablen in den Code einführen. PHP7 führt anonyme Funktionen und Schließungen ein, die dieses Problem sehr gut lösen können. Eine anonyme Funktion ist eine Funktion ohne Namen
Können anonyme Golang-Funktionen mehrere Werte zurückgeben?
Apr 13, 2024 pm 04:09 PM
Ja, anonyme Funktionen in der Go-Sprache können mehrere Werte zurückgeben. Syntax: func(arg1,arg2,...,argN)(ret1,ret2,...,retM){//Funktionskörper}. Verwendung: Verwenden Sie den Operator :=, um den Rückgabewert zu erhalten; verwenden Sie das Schlüsselwort return, um mehrere Werte zurückzugeben.
Anonyme Funktionen in PHP8.0
May 14, 2023 am 08:31 AM
PHP8.0 ist die neueste Version der Programmiersprache PHP. Ein wichtiges Update sind Verbesserungen und Erweiterungen anonymer Funktionen. Eine anonyme Funktion (auch Abschluss genannt) ist ein besonderer Funktionstyp, der zur Laufzeit dynamisch erstellt und an andere Funktionen übergeben oder in einer Variablen gespeichert werden kann. In PHP sind anonyme Funktionen für fortgeschrittene Programmierung und Webentwicklung von entscheidender Bedeutung. PHP8.0 bietet einige neue Syntax und Funktionen, die anonyme Funktionen flexibler und benutzerfreundlicher machen. Einige der Aktualisierungen sind wie folgt: Typdeklarationen für Funktionsparameter in PHP8.0,
Python-Lambda-Ausdrücke: abgekürzt, prägnant, kraftvoll
Feb 19, 2024 pm 08:10 PM
PythonLambda-Ausdrücke sind ein leistungsstarkes und flexibles Tool zum Erstellen prägnanter, lesbarer und benutzerfreundlicher Codes. Sie eignen sich hervorragend zum schnellen Erstellen anonymer Funktionen, die als Argumente an andere Funktionen übergeben oder in Variablen gespeichert werden können. Die grundlegende Syntax eines Lambda-Ausdrucks lautet wie folgt: lambdaarguments:expression Der folgende Lambda-Ausdruck fügt beispielsweise zwei Zahlen hinzu: lambdax,y:x+y Dieser Lambda-Ausdruck kann wie folgt als Argument an eine andere Funktion übergeben werden: defsum( x ,y):returnx+yresult=sum(lambdax,y:x+y,1,2)In diesem Beispiel
Python-Lambda-Ausdrücke: Das Programmieren einfacher machen
Feb 19, 2024 pm 09:54 PM
Ein Python-Lambda-Ausdruck ist eine kleine anonyme Funktion, die einen Ausdruck in einer Variablen speichert und seinen Wert zurückgibt. Lambda-Ausdrücke werden oft verwendet, um einfache Aufgaben auszuführen, die durch das Schreiben einer separaten Funktion erledigt werden können, aber Lambda-Ausdrücke können den Code prägnanter und lesbarer machen. Die Syntax eines Lambda-Ausdrucks lautet wie folgt: lambdaarguments: expressionarguments ist die vom Lambda-Ausdruck empfangene Parameterliste, und expression ist der Hauptteil des Lambda-Ausdrucks, der den Code enthält, der ausgeführt werden muss. Der folgende Lambda-Ausdruck addiert beispielsweise zwei Zahlen und gibt deren Summe zurück: lambdax,
