Web Front-end
JS Tutorial
Detailed explanation of commonly used function types in JavaScript_javascript skills
Detailed explanation of commonly used function types in JavaScript_javascript skills
The java code in the web page needs to be written in JavaScript, and some functions are indispensable. Let’s introduce the commonly used function types in JavaScript.
1. Variable function
<script>
function show(){
alert("第一个。。。");
}
function show(str){
alert("第二个");
}
function show(a,b){
alert("第三个。。。");
alert(a+":"+b);
}
</script>
</head>
<!-- 可变参数的函数： 在js中都是可变参数的函数
<!-- 1 函数虽然定义时是声明成两个参数，但调用时却是可以传入任意个 -->
<!-- 2 每个函数中，存在一个 默认的数组arguments ,里面存储着本次调用时传入的所有实参 -->
<body>
<!-- 1， 可变参数的演示： -->
<script>
show();//当调用之后，会把前面的冲掉 //undefined：undefined
show(111);//当调用之后，会把前面的冲掉 // 11:undefined
show("a","b");//当调用之后，会把前面的冲掉//a:b
show(1,2,3,4);//1:2
</script>
To sum up the above examples, there is no overloading of functions in JS. It must be wildcarded for all. Although the function declares several variables when it is defined, any number can be passed in when it is called. In each function, there is a default array arguments, which stores all the actual parameters passed in during this call.
2. Anonymous function
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<!-- 演示JavaScript匿名函数 -->
<script type="text/javascript">
var res =function(a,b){//注意是小写func
return a+b;
};</span>
alert("sum="+res(1,2));//sum=3
alert("res="+res("abc","def"));//res=abcdef
</script>
</body>
</html> 3. Dynamic function
Introduction: Use the built-in object Function in Js to construct a function. The first parameter in the construction method is the "formal parameter" and the second parameter is the "function body".
<span style="font-size:18px;"><!DOCTYPE html>
<html>
<head>
<title>DTfunc.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
<!-- 利用Js当中内置的对象Function来构造一个函数，构造方法中的第1个参数是“形参”，第2个参数是“函数体”。 -->
<!-- 该思想类似于Java当中的类反射。我们平时写函数时通常不用，但关键的地方一写，整个程序的功能会变得很活 -->
<script>
var res=new Function("x,y","var sum=0;sum=x+y;return sum;")
var sum=res(12,34);//46
var sum=res("abc","bss");//abcbss
alert("sum="+sum);
</script>
</body>
</html></span> The three commonly used function types in JavaScript shared above are only briefly introduced. If you want to learn more about them, you can continue reading the related articles shared below.
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
AI Hentai Generator
Generate AI Hentai for free.
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
1382
52
Asynchronous Programming of JavaScript Functions: Essential Tips for Handling Complex Tasks
Nov 18, 2023 am 10:06 AM
JavaScript Function Asynchronous Programming: Essential Skills for Handling Complex Tasks Introduction: In modern front-end development, handling complex tasks has become an indispensable part. JavaScript function asynchronous programming skills are the key to solving these complex tasks. This article will introduce the basic concepts and common practical methods of JavaScript function asynchronous programming, and provide specific code examples to help readers better understand and use these techniques. 1. Basic concepts of asynchronous programming In traditional synchronous programming, the code is
Use JavaScript functions to implement web page navigation and routing
Nov 04, 2023 am 09:46 AM
In modern web applications, implementing web page navigation and routing is a very important part. Using JavaScript functions to implement this function can make our web applications more flexible, scalable and user-friendly. This article will introduce how to use JavaScript functions to implement web page navigation and routing, and provide specific code examples. Implementing web page navigation For a web application, web page navigation is the most frequently operated part by users. When a user clicks on the page
Real-time updates to data visualizations using JavaScript functions
Nov 04, 2023 pm 03:30 PM
Real-time updates of data visualization using JavaScript functions With the development of data science and artificial intelligence, data visualization has become an important data analysis and display tool. By visualizing data, we can understand the relationships and trends between data more intuitively. In web development, JavaScript is a commonly used scripting language with powerful data processing and dynamic interaction functions. This article will introduce how to use JavaScript functions to achieve real-time updates of data visualization, and show the specific
Use JavaScript functions to implement image carousels and slideshow effects
Nov 04, 2023 am 08:59 AM
JavaScript is a scripting language that can be used to add interactive effects to web pages. Among them, image carousel and slideshow effects are common web page animation effects. This article will introduce how to use JavaScript functions to achieve these two effects and provide specific code examples. Picture carousel Picture carousel is an effect that plays multiple pictures in turn in a certain way. When implementing image carousels, JavaScript timers and CSS style controls need to be used. (1) Preparation work First, in the HTML file
Use JavaScript functions to implement user login and permission verification
Nov 04, 2023 am 10:10 AM
Using JavaScript functions to implement user login and permission verification With the development of the Internet, user login and permission verification have become essential functions for many websites and applications. In order to protect users' data security and access rights, we need to use some technologies and methods to verify the user's identity and restrict their access rights. As a widely used scripting language, JavaScript plays an important role in front-end development. We can use JavaScript functions to implement user login and permission verification functions
Use JavaScript functions to achieve user interaction and dynamic effects
Nov 03, 2023 pm 07:02 PM
Using JavaScript functions to achieve user interaction and dynamic effects With the development of modern web design, user interaction and dynamic effects have become the key to attracting users' attention. As a commonly used scripting language, JavaScript has powerful functions and flexible features, and can achieve a variety of user interactions and dynamic effects. This article will introduce some common JavaScript functions and give specific code examples. Changing element style (style) can be easily changed through JavaScript functions
Use JavaScript functions to upload and download files
Nov 04, 2023 am 08:30 AM
Using JavaScript functions to implement file upload and download With the development and popularization of the Internet, file upload and download have become one of the common functions in web applications. This article will introduce how to use JavaScript functions to implement file upload and download functions, and provide specific code examples. File upload File upload refers to uploading local files to the server through a web page. FileAPI is provided in HTML5 to handle the selection and upload of files. We can take advantage of Fi in FileAPI
Use JavaScript functions to dynamically update data visualizations
Nov 03, 2023 pm 04:56 PM
Dynamically updated data visualization using JavaScript functions Data visualization is a very important part of the big data era. It can display data in an intuitive way and help people better understand and analyze the data. JavaScript, as a client-side scripting language, can achieve dynamic updates of data visualization through functions. This article will introduce how to use JavaScript functions to achieve this functionality and provide specific code examples. 1. Basics of data visualization before starting to write code
