Grundlegende JavaScript-Konzepte und grundlegende Syntax


1. Einleitung

JavaScript wird oft als js oder js-Skript bezeichnet

  • Konzepte:
    1. Interpretierte Skriptsprache (Code ist nicht vorkompiliert)
    2. Leichte Programmiersprache
    3. Programmiercode, der in HTML-Seiten eingefügt werden kann
    (wird von allen modernen Browsern ausgeführt, nachdem er in HTML-Seiten eingefügt wurde)

  • Funktion:
    Fügen Sie dynamische Funktionen zu Webseiten hinzu
    , um Benutzern flüssigere und schönere Browsing-Effekte zu bieten

Normalerweise implementieren JavaScript-Skripte ihre Funktionen, indem sie sie in HTML einbetten


2. Kommentare

Entspricht den einzeiligen und mehrzeiligen Kommentaren von Java

Einzeilige Kommentare: beginnen mit //

Mehrzeilige Kommentare: beginnen mit /* und enden mit */


3. Nutzung

Es gibt drei Arten

1. js in der HTML-Seite

Muss zwischen Skriptblock-Tags stehen

Die Positionsanforderungen sind nicht streng (Sie können Kopf, Körper und Leisten angeben, normalerweise Kopf oder Leisten).

Muss zwischen Skriptblock-Tags stehen

Codebeispiel:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>js位置1</title>					
		<!--
			内部:js位置没有严格的要求
		-->
		<!--写在head-->
		<script>
			alert("hello script111!")
		</script>

	</head>
	<body>
		<!--写在body-->
		<script>
			alert("hello script222!")
		</script>
		
	</body>
</html>
	<!--写在最后-->
	<script>
		alert("hello script333!")
	</script>

2. Externe js

Skripte können in externen Dateien gespeichert werden. Die Dateierweiterung externer JavaScript-Dateien ist .js

1. Schreiben Sie .js-Dateien extern

function fun1(){
    
    
	alert("这是js外部文件");
}

2. JS-Dateien einführen (entweder Kopf oder Körper)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>js位置2</title>			
		<!--
			外部:写在js文件中,外部文件不需要script标签
			引入外部script文件
			调用script文件
		-->
		<script type="text/javascript" src="../../js/myScript.js" ></script>
		<script>
			fun1();
		</script>	
			
	</head>
	
	<body>
	</body>
	
</html>

3. js in Tag-Attributen

Einige Attribute von HTML-Tags werden direkt zum Schreiben von einfachem JavaScript-Code geschrieben

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>js位置3</title>			
	</head>
	<body>
		<!--
			行内的js写法
		-->
		<a href="javascript:alert('行内的js写法')">行内的js写法</a>
		
	</body>
</html>

4. Daten anzeigen

① Popup-Fenster „window.alert()“.

  • Das Fenster kann weggelassen werden, was gleichbedeutend ist mit warning("displayed content");

② document.write() schreibt den Inhalt

  • document.write("angezeigter Inhalt")

③ innerHTML-Schreiben

  • document.getElementById("id value").innerHTML="Displayed content"
    Da das Laden von oben nach unten erfolgt, muss der ID-Wert zuerst geladen werden, damit das Skript am Ende des Dokuments platziert wird

④ console.log wird in die Browserkonsole geschrieben

  • console.log("angezeigter Inhalt")

Codebeispiel:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>显示数据</title>
		<script>	
			/*
			1、使用windows弹出框,弹出数据,两种写法都可以
			*/
			alert("hello")
			window.alert("hello again")

			/*
			2、使用document,显示数据
			 */
			document.write("hello document")

			/*
			 3、使用innerHTML写入
			 加载从上往下,因此先获取div1,此时div1还未加载,因此将script放在文档最下面
			 */
			//document.getElementById("div1").innerHTML="hello innerHTML"
			/*
			 4、使用console.log写入到浏览器控制台
			 */
			console.log("hello log")
		</script>
	</head>
	<body>
		<div id = "div1">			
		</div>
	</body>
</html>

<!--
3、使用innerHTML写入
加载从上往下,因此先获取div1,此时div1还未加载,因此将script放在文档最下面
-->
<script>
	document.getElementById("div1").innerHTML="hello innerHTML!"
</script>



5. Grundlegende Grammatik

JavaScript ist eine Skriptsprache. Der Browser führt den Skriptcode Zeile für Zeile aus, wenn er den Code liest (die js-Anweisung sendet Befehle an den Browser, um dem Browser mitzuteilen, was er tun soll).

  • Tipps:
    Schreiben Sie im Allgemeinen nur eine Aussage pro Zeile und schreiben Sie am Ende jedes Satzes ein Semikolon.

5.1 Variablen

5.1.1 Grundlegende Syntax

Schlüsselwörter: var

Verwenden Sie var einheitlich für die Variablendeklaration, und der Datentyp der Variablen wird anhand der Zuweisung bestimmt.

  • Variablen deklarieren:
    var Variablenname;

  • Benennungsregeln:
    1. Variablen müssen mit einem Buchstaben beginnen.
    2. Variablen können auch mit den Symbolen $ und _ beginnen.
    3. Bei Variablennamen muss die Groß-/Kleinschreibung beachtet werden (y und Y sind unterschiedliche Variablen)
    . 4. Für Schlüsselwörter reservierte Wörter können nicht verwendet werden

  • Benennungsstandards:
    1. Kennen Sie die Bedeutung, wenn Sie den Namen sehen, und benennen Sie ihn entsprechend der Bedeutung der Variablen.
    2. Benennung in Kamelfall: Der erste Buchstabe des ersten Wortes ist kleingeschrieben, und der erste Buchstabe jedes nachfolgenden Wortes ist klein großgeschrieben.

Codebeispiel:

var myCompany; //声明变量
myCompany='alibaba'; //赋值

var x=5;//声明的同时赋值
var y=6;

var z=x+y;//变量也可以存储表达式

5.1.2 Geltungsbereich

  • Lokale Variablen
    sind Variablen, die innerhalb einer Funktion deklariert werden und nur innerhalb der Funktion verwendet werden können.
  • Globale Variablen
    sind außerhalb der Funktion deklarierte Variablen, auf die alle Skripte und Funktionen zugreifen können.
5.1.3 Lebenszyklus

Die Lebensdauer einer Variablen beginnt mit der Deklaration

Lokale Variablen werden gelöscht, nachdem die Funktion ausgeführt wurde, und globale Variablen werden gelöscht, nachdem die Seite geschlossen wurde.


5.2 Datentypen

5.2.1 Grundlegende Datentypen

Zeichenfolge

Variable zum Speichern von Zeichen

Zeichenfolgen müssen einfache oder doppelte Anführungszeichen verwenden

  • Tipps:
    Bei der Verschachtelung werden einfache Anführungszeichen in doppelte Anführungszeichen oder doppelte Anführungszeichen in einfache Anführungszeichen verschachtelt.

Codebeispiel:

var myCompany="alibaba";

//引号嵌套,单引号嵌套双引号or双引号嵌套单引号
var demo1='字符串中嵌套"字符串"。';
var demo2="字符串中嵌套'字符串'。";

NummerNummer

Es gibt nur einen numerischen Typ, der sowohl Gleitkommazahlen als auch ganze Zahlen darstellen kann

Codebeispiel:

var intValue=11;
var floatValue=11.1;

//极大或极小的数字可以通过科学计数法来书写:
var demo1=666e5; //66600000
var demo2=-666e-5; //-0.00666

Boolescher Wert

richtig oder falsch

Codebeispiel:

var f1=true;
var f2=false;

Null

Zeigt an, dass der Wert leer ist

Löschen Sie die Variable, indem Sie ihren Wert auf Null setzen

var isNULL=null;
Undefiniert

Zeigt an, dass die Variable keinen Wert enthält

Es gibt 4 Situationen, in denen undefiniert angezeigt wird

① Variablendeklaration ohne Zuweisung

var obj;
alert(obj);//obj值为undefined

② Rufen Sie Attribute ab, die im Objekt nicht vorhanden sind

var obj;
alert(obj.name);//报错信息: "Uncaught TypeError: Cannot read property 'name' of
undefined"

③ Die Funktion erfordert tatsächliche Parameter, beim Aufruf wird jedoch kein Wert übergeben

Zu diesem Zeitpunkt ist der formale Parameter undefiniert

④ Der Funktionsaufruf gibt keinen Wert zurück oder es liegen nach der Rückgabe keine Daten vor.

Zu diesem Zeitpunkt ist die von der empfangenden Funktion zurückgegebene Variable undefiniert.

Codebeispiel:

function printNum(num){
    
    
	alert(num);
}
var result=printNum();//调用函数未传递参数,执行函数的时候num的值是undefined
alert(result);//result的值也是undefined,因为printNum()没有返回值

Symbol

Stellt einen eindeutigen Wert dar


5.2.2 Referenzdatentypen

ObjektObjekt
ArrayArray
Funktion

5.2.3 Dynamische Typisierung (veraltet)

Dynamische Typisierung, d. h. dieselbe Variable kann in verschiedenen Typen verwendet werden

Codebeispiel:

var param; // param类型为 undefined
param = 5; // param 为数字
param = "alibaba"; // param 为字符串

5.3 Betreiber

  • Arithmetische Operatoren
    +, -, *, /, %, ++, - -
  • Zuweisungsoperatoren
    =, +=, -=, *=, /=, %=
  • Zeichenfolgenverkettungszeichen
    +
  • Logische Operatoren
    &&, ||, !
  • Bedingter Operator
    ? :
  • Vergleichsoperatoren
    ==, !=, >, <, >=, <=
    ===: Absolute Gleichheit (sowohl Werte als auch Typen sind gleich)
    !==: Nicht absolute Gleichheit (einer oder zwei der Werte und Typen sind nicht gleich) sind nicht gleich)

Codebeispiel:

var x=5;
var f=(x===5); // true
f=(x==='5');// false
f=(x!==5); // false
f=(x!=='5');// true

5.4 Objekte

5.4.1 Gemeinsame Objekte

Zeichenfolge

.length kann die Länge einer Zeichenfolge abrufen (Länge ist ein Attribut, keine Methode, daher muss beim Aufruf kein () hinzugefügt werden).

Die Länge des Übertragungssymbols zählt als eins, d. h. die Länge von \' ist 1

Methode:

Methode beschreiben
charAt() Gibt das Zeichen an der angegebenen Position zurück
charCodeAt() Gibt die Unicode-Codierung des Zeichens an der angegebenen Position zurück
concat() Verkettet zwei oder mehr Zeichenfolgen und gibt eine neue Zeichenfolge zurück
fromCharCode() Konvertieren Sie die Unicode-Kodierung in Zeichen
Index von() Gibt das erste Vorkommen eines angegebenen Zeichenfolgenwerts in einer Zeichenfolge zurück
beinhaltet() Findet heraus, ob eine Zeichenfolge eine angegebene Teilzeichenfolge enthält
lastIndexOf() Durchsuchen Sie die Zeichenfolge von hinten nach vorne und geben Sie das letzte Vorkommen der Zeichenfolge ab der Startposition (0) zurück.
übereinstimmen() Find findet eine Übereinstimmung mit einem oder mehreren regulären Ausdrücken
wiederholen() Kopiert eine Zeichenfolge eine angegebene Anzahl von Malen, verkettet sie und gibt sie zurück
ersetzen() Finden Sie eine passende Teilzeichenfolge in einer Zeichenfolge und ersetzen Sie die Teilzeichenfolge, die einem regulären Ausdruck entspricht
suchen() Finden Sie Werte, die einem regulären Ausdruck entsprechen
Scheibe() Extrahiert ein Fragment einer Zeichenfolge und gibt den extrahierten Teil in einer neuen Zeichenfolge zurück
Teilt() String in String-Array aufteilen
beginnt mit() Prüfen Sie, ob eine Zeichenfolge mit einer angegebenen Teilzeichenfolge beginnt
substr() Extrahiert eine angegebene Anzahl von Zeichen aus einer Zeichenfolge ab der Startindexnummer
Teilzeichenfolge() Extrahieren Sie Zeichen zwischen zwei angegebenen Indexnummern in einer Zeichenfolge
toLowerCase() String in Kleinbuchstaben umwandeln
toUpperCase() String in Großbuchstaben umwandeln
trimmen() Entfernen Sie Leerzeichen von beiden Seiten der Zeichenfolge
toLocaleLowerCase() Konvertieren Sie eine Zeichenfolge entsprechend dem Gebietsschema des lokalen Hosts in Kleinbuchstaben
toLocaleUpperCase() Konvertieren Sie eine Zeichenfolge basierend auf dem Gebietsschema des lokalen Hosts in Großbuchstaben
Wert von() Gibt den ursprünglichen Wert eines String-Objekts zurück
toString() Gibt eine Zeichenfolge zurück

Array

Array, das zum Speichern mehrerer Werte in einer Variablen verwendet wird

.length kann die Länge des Arrays ermitteln

Drei Wege:

	//方法一
	var letters = new Array();
	for(var i = 0; i < 4; i++) {
    
    
		letters[i] = "letter" + i;
	}
	for(var i = 0; i < letters.length; i++) {
    
    
		document.write(letters[i] + "<br/>");
	}
	
	//方法二	
	var numbers = [1,2,3,4,5];
	for(var i = 0; i < numbers.length; i++) {
    
    
		document.write(numbers[i] + "<br/>");
	}
	
	//方法三	
	var classes = new Array("class1","class2","class3");
	for(var i = 0; i < classes.length; i++) {
    
    
		document.write(classes[i] + "<br/>");
	}

Methode:

Methode beschreiben
concat() Verkettet zwei oder mehr Arrays und gibt das Ergebnis zurück
copyWithin() Kopiert ein Element von einer angegebenen Position in einem Array an eine andere angegebene Position in einem Array
Einträge() Gibt ein iterierbares Objekt eines Arrays zurück
jeden() Überprüfen Sie, ob jedes Element numerischer Elemente die Bedingung erfüllt
füllen() Füllen Sie ein Array mit einem festen Wert
Filter() Erkennen Sie numerische Elemente und geben Sie ein Array aller Elemente zurück, die die Kriterien erfüllen
finden() Gibt Array-Elemente zurück, die den an den Test (Funktion) übergebenen Bedingungen entsprechen.
findIndex() Gibt den Index des Array-Elements zurück, das die an den Test (Funktion) übergebenen Kriterien erfüllt.
für jede() Die Callback-Funktion wird einmal für jedes Element des Arrays ausgeführt
aus() Erstellen Sie ein Array aus den angegebenen Objekten
beinhaltet() Bestimmen Sie, ob ein Array einen angegebenen Wert enthält
Index von() Sucht nach einem Element in einem Array und gibt seine Position zurück
isArray() Bestimmen Sie, ob das Objekt ein Array ist
verbinden() Fügen Sie alle Elemente eines Arrays in einen String ein
Schlüssel() Gibt ein iterierbares Objekt des Arrays zurück, das die Schlüssel des ursprünglichen Arrays enthält
lastIndexOf() Sucht nach einem Element in einem Array und gibt sein letztes Vorkommen zurück
Karte() Verarbeiten Sie jedes Element des Arrays über die angegebene Funktion und geben Sie das verarbeitete Array zurück
Pop() Entfernt das letzte Element eines Arrays und gibt das entfernte Element zurück
drücken() Fügt ein oder mehrere Elemente am Ende eines Arrays hinzu und gibt die neue Länge zurück
reduzieren() Array-Elemente zu einem Wert zählen (von links nach rechts)
reduceRight() Array-Elemente zu einem Wert zählen (von rechts nach links)
umkehren() Kehren Sie die Reihenfolge der Elemente eines Arrays um
Schicht() Entfernt das erste Element eines Arrays und gibt es zurück
Scheibe() Wählt einen Teil eines Arrays aus und gibt ein neues Array zurück
manche() Überprüfen Sie, ob ein Element im Array die angegebene Bedingung erfüllt
Sortieren() Sortieren Sie die Elemente eines Arrays
spleißen() Elemente zu einem Array hinzufügen oder daraus entfernen
toString() Konvertieren Sie ein Array in einen String und geben Sie das Ergebnis zurück
unshift() Fügt ein oder mehrere Elemente am Anfang eines Arrays hinzu und gibt die neue Länge zurück
Wert von() Gibt den ursprünglichen Wert des Array-Objekts zurück

Datum

Datumsobjekt erstellen:

//返回当前日期
var date1 = new Date();

//milliseconds:1970-1-1~现在的毫秒数
var date2 = new Date(milliseconds);

//符合日期类型的字符串(年月日-时分秒)
var date3 = new Date(dateString);

//月份取值为0~11,周日~周六取值为0~6
var date4 = new Date(year, month, day, hours, minutes, seconds, milliseconds);

Häufig verwendete Methoden:

Methode beschreiben
Verabredung bekommen() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。
getFullYear() 从 Date 对象以四位数字返回年份。
getHours() 返回 Date 对象的小时 (0 ~ 23)。
getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。
getMonth() 从 Date 对象返回月份 (0 ~ 11)。
getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。
setDate() 设置 Date 对象中月的某一天 (1 ~ 31)。
setFullYear() 设置 Date 对象中的年份(四位数字)。
setHours() 设置 Date 对象中的小时 (0 ~ 23)。
setMinutes() 设置 Date 对象中的分钟 (0 ~ 59)。
setMonth() 设置 Date 对象中月份 (0 ~ 11)。
setSeconds() 设置 Date 对象中的秒钟 (0 ~ 59)。

其他方法:

方法 描述
getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)。
getTime() 返回 1970 年 1 月 1 日至今的毫秒数。
getTimezoneOffset() 返回本地时间与格林威治标准时间 (GMT) 的分钟差。
getUTCDate() 根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。
getUTCDay() 根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。
getUTCFullYear() 根据世界时从 Date 对象返回四位数的年份。
getUTCHours() 根据世界时返回 Date 对象的小时 (0 ~ 23)。
getUTCMilliseconds() 根据世界时返回 Date 对象的毫秒(0 ~ 999)。
getUTCMinutes() 根据世界时返回 Date 对象的分钟 (0 ~ 59)。
getUTCMonth() 根据世界时从 Date 对象返回月份 (0 ~ 11)。
getUTCSeconds() 根据世界时返回 Date 对象的秒钟 (0 ~ 59)。
getYear() 已废弃。 请使用 getFullYear() 方法代替。
parse() 返回1970年1月1日午夜到指定日期(字符串)的毫秒数。
setMilliseconds() 设置 Date 对象中的毫秒 (0 ~ 999)。
setTime() setTime() 方法以毫秒设置 Date 对象。
setUTCDate() 根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。
setUTCFullYear() 根据世界时设置 Date 对象中的年份(四位数字)。
setUTCHours() 根据世界时设置 Date 对象中的小时 (0 ~ 23)。
setUTCMilliseconds() 根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。
setUTCMinutes() 根据世界时设置 Date 对象中的分钟 (0 ~ 59)。
setUTCMonth() 根据世界时设置 Date 对象中的月份 (0 ~ 11)。
setUTCSeconds() setUTCSeconds() 方法用于根据世界时 (UTC) 设置指定时间的秒字段。
setYear() 已废弃。请使用 setFullYear() 方法代替。
toDateString() 把 Date 对象的日期部分转换为字符串。
toGMTString() 已废弃。请使用 toUTCString() 方法代替。
toISOString() 使用 ISO 标准返回字符串的日期格式。
toJSON() 以 JSON 数据格式返回日期字符串。
toLocaleDateString() 根据本地时间格式,把 Date 对象的日期部分转换为字符串。
toLocaleTimeString() 根据本地时间格式,把 Date 对象的时间部分转换为字符串。
toLocaleString() 根据本地时间格式,把 Date 对象转换为字符串。
toString() 把 Date 对象转换为字符串。
toTimeString() 把 Date 对象的时间部分转换为字符串。
toUTCString() 根据世界时,把 Date 对象转换为字符串。实例: var today = new Date(); var UTCstring = today.toUTCString();
UTC() 根据世界时返回 1970 年 1 月 1 日 到指定日期的毫秒数。
valueOf() 返回 Date 对象的原始值。

Math

属性:

属性 描述
E 返回算术常量 e,即自然对数的底数(约等于2.718)
LN2 返回 2 的自然对数(约等于0.693)
LN10 返回 10 的自然对数(约等于2.302)
LOG2E 返回以 2 为底的 e 的对数(约等于 1.4426950408889634)
LOG10E 返回以 10 为底的 e 的对数(约等于0.434)
PI 返回圆周率(约等于3.14159)
SQRT1_2 返回 2 的平方根的倒数(约等于 0.707)
SQRT2 返回 2 的平方根(约等于 1.414)

常用方法:

方法 描述
ceil(x) 对数进行上舍入
floor(x) 对 x 进行下舍入
round(x) 四舍五入
pow(x,y) 返回 x 的 y 次幂
max(x,y,z,…,n) 返回 x,y,z,…,n 中的最高值
min(x,y,z,…,n) 返回 x,y,z,…,n中的最低值
random() 返回 0 ~ 1 之间的随机数

其他方法:

方法 描述
abs(x) 返回 x 的绝对值
acos(x) 返回 x 的反余弦值
asin(x) 返回 x 的反正弦值
atan(x) 以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值
atan2(y,x) 返回从 x 轴到点 (x,y) 的角度(介于 -PI/2 与 PI/2 弧度之间)
cos(x) 返回数的余弦
exp(x) 返回 Ex 的指数
log(x) 返回数的自然对数(底为e)
sin(x) 返回数的正弦
sqrt(x) 返回数的平方根
tan(x) 返回角的正切

5.4.2 自定义对象

对象是变量的容器,里面可以定义多个变量

定义
  • 定义属性:
    变量以键值对形式进行存储(name : value)
    不同属性以逗号分隔,可换行可不换行

  • 定义方法:
    方法名称后面直接跟function

代码示例:

var people = {
    
    name:"SelcouthAI",age:20,codeYear:"1年"};
			
var student = {
    
    
	name:"SelcouthAI",	
	age:20,
	//方法后面直接跟function
	job:function(){
    
    
		alert("正在被包工头支配的新生代农民工");
	}			
}

调用
  • 调用属性
    第一种方式:类名.属性名
    第二种方式:类名[“属性名”]

  • 调用方法
    类名.方法

代码示例:

var name = people.name;
document.write("name:"+name);
			
var age = people["age"];
document.write("age:"+age);
			
student.job();

5.5 函数

5.5.1 常用全局函数

isNaN(param)
  • tips:
    全局属性NaN:非数值(Not a Number)

用于检查其参数是否是非数字值,不是数值返回true

代码示例:

console.log(isNaN(666));//false
console.log(isNaN(6+66));//false
console.log(isNaN("hello"));//true

parseFloat(String)

解析字符串,并返回一个浮点数

  • tips:
    只返回字符串中第一个数字,开头和结尾允许空格
    如果字符串的第一个非空字符不能被转换为数字,则返回 NaN

代码示例:

console.log(parseFloat("66"));//66
console.log(parseFloat("666.66"));//666.66
console.log(parseFloat("1024 2048 4096"));//1024
console.log(parseFloat(" 666 "));//666
console.log(parseFloat("1年"));//1
console.log(parseFloat("码龄1年"));//NaN

parseInt(string,radix)

解析一个字符串,返回整数

string :必要参数,被解析的字符串
radix :表示要解析的数字的基数( 2 ~ 36 )

  • 当参数 radix 的值为 0或没有设置参数时,根据 string 来判断数字的基数:
    “0x” 开头,其余部分解析为十六进制的整数
    以 0 开头,其余部分解析为八进制或十六进制的数字
    以 1 ~ 9 开头,解析为十进制的整数

  • tips:
    只返回字符串中第一个数字,开头和结尾允许空格
    如果字符串的第一个非空字符不能被转换为数字,则返回 NaN

代码示例:

console.log(parseInt("66"));//66
console.log(parseInt("666.6"));//666.6
console.log(parseInt("1024 2048 4096"));//1024
console.log(parseInt("1年"));//1
console.log(parseInt("码龄1年"));//NaN

console.log(parseInt("10",10));//10
console.log(parseInt("010"));//10
console.log(parseInt("10",8));//8
console.log(parseInt("0x10"));//16
console.log(parseInt("10",16));//16

5.5.2 自定义函数

关键字:function

  • tips:
    不需要声明类型,直接写参数名称
    函数是否有返回值取决于函数体中是否有return关键字
    返回值的类型取决于return中内容的类型
function 自定义函数名称(参数列表){
    
    
	...
}

代码示例:

	//无参无返回值的函数
	function print(){
    
    
		document.write("无参无返回值的函数");
	}
	print();
	
	//有参无返回值的函数
	function print1(num){
    
    
		document.write("有参无返回值的函数,参数为" + num);
	}
	print1(666);
	
	//有参有返回值的函数
	function print2(a,b){
    
    
		document.write("有参有返回值的函数,参数分别为"+a+"和"+b);
		return a+b;
	}
	var sum = print2(1,6);

5.5.3 匿名函数

把函数赋给一个变量,再调用变量

代码示例:

	//无参无返回值的函数
	var fun = function(){
    
    
		document.write("无参无返回值的函数");
	}
	fun();
	
	//有参无返回值的函数
	var fun1 = function(num){
    
    
		document.write("有参无返回值的函数,参数为" + num);
	}
	fun1(6);
	
	//有参有返回值的函数
	var fun2 = function(a,b){
    
    
		document.write("有参有返回值的函数,参数分别为"+a+"和"+b);
		return a+b;
	}
	var sum = fun2(1,6);
	alert(sum);

Ich denke du magst

Origin blog.csdn.net/m0_50609545/article/details/119938123
Empfohlen
Rangfolge