首页 / JAVASCRIPT / JavaScript函数的定义、调用以及该注意的问题

JavaScript函数的定义、调用以及该注意的问题

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript函数的定义、调用以及该注意的问题，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2623字，纯文字阅读大概需要4分钟。

内容图文

这篇文章主要介绍了JavaScript 函数的定义-调用、注意事项,需要的朋友可以参考下

函数定义

函数语句定义

表达式定义

//函数表达式可以包含名称，这在递归时很有用 var f = function fact(x){ if(x<=1) {return 1; }else { return x*faxt(x-1); } }

以表达式方式定义的函数，函数的名称是可选的。如果函数定义表达式包含名称，函数的局部作用域将会包含一个绑定到函数对象的名称，实际上，函数的名称将成为函数内部的一个局部变量

函数命名规范

1.like_this()第一个字符为小写，当包含多个单词时候，单词以下划线分割

2.likeThis()第一个字符为小写，当包含多个单词时候，除第一个单词以外的单词首字母使用大学字母

3.内部函数或私有函数，通常以一条下划线为前缀

注：函数声明语句‘被提前到外部脚本或外部函数作用于顶部，所以可以被在它定义之前出现的代码所调用

以表达式方式定义函数前必须把它赋值给一个变量。所以表达式方式定义的函数在定义之前是无法调用的

函数返回值

return语句返回函数的值给调用者。
return语句没有，则它返回undefined

嵌套函数

嵌套函数可以访问他们的函数的参数和变量
但是嵌套函数不能出现在循环、条件判断，或者try/cache/finally/with语句中

函数调用

作为函数
作为方法
作为构造函数
通过他们的call（）和apply（）方法间接调用

作为函数调用

add(1,2)

　根据ECMAScript3和非严格的ECMAScript5对函数调用的规定，调用上下文（this的值）是全局对象。然而在严格模式下，调用上下文则是undefined。

//定义一个函数且调用一个函数来确定当前脚本运行是否为严格模式
var strict = (function(){return this;}());

作为方法调用

方法调用和函数调用的一个重大区别。----调用上下文

o.add() add的调用上下文为o,即：this
o.add() 等同于o['add']()
方法链：当方法并不需要返回值时候，最好直接返回this
this为一个关键字，不是变量，也不是属性名。JavaScript语法不允许给this赋值
和变量不同，关键字this没有作用于的限制，嵌套的函数不会从调用它的函数中继承this，如果想访问外部函数的this，var self= this；保存在变量中
如果嵌套函数作为函数调用，其this的值指向调用它的对象。如果作为函数调用，this不是全局对象（非严格模式），就是undefined（严格模式）

构造函数调用

构造函数调用和普通函数调用以及方法调用在实参处理。调用上下文和返回值等方面都有不同。

凡是没有形参的构造函数调用都可以省略圆括号。

构造函数调用创建一个新的空对象，这个对象继承自构造函数的prototype属性，这个函数试图初始化这个新创建的对象，病将这个对象做为上下文，因此构造函数可以使用this关键字来引用这个新创建的对象。

new o.m() 调用的上下文并不是o.
构造函数并不使用return。如果构造函数显示的使用return语句返回一个对象，那么调用表达式的值就是这个对象。如果构造函数但并没有返回值，或者返回一个原始值，那么就会忽略返回值，同时使用新对象作为返回结果。

间接调用

call()
appy()

以上就是JavaScript 函数的定义、调用以及该注意的问题的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的JavaScript函数的定义、调用以及该注意的问题全部内容，希望文章能够帮你解决JavaScript函数的定义、调用以及该注意的问题所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/301872.html

来源：【匿名】

【上一篇】JavaScript引用赋值详解【下一篇】javascript 怎么调用php方法

更多 ►

【JavaScript函数的定义、调用以及该注意的问题】教程文章相关的互联网学习教程文章

iOS中使用JavaScriptCore实现Objective-C和JavaScript的相互调用【代码】【图】

最近看了一个对Github上面编程语言使用统计的排行榜，JavaScript真可以说是一枝独秀，很难想象20年前，这个语言只是浏览器中的装饰性语言，能做的事情也就是一点特效或者检查一下要提交给服务器的表单是否满足要求。今天的JavaScript已经是一个全栈语言，从客户端到服务器无所不在。很多编程语言都提供了跟JavaScript进行交互的接口，这一点在iOS开发中也不例外。 ??iOS7以前，在App中调用JavaScript的方式只有一种，就是通过UIWe...

javascript调用的一些常用方法

getElementsByName()方法实列:<bordy><from method="post" action="test"><fieldset>　　<legend>颜色</legend>　　<input type="radio" name="radColor" value="red"/>红<br/><fieldset></from><script>var i = document.getElementByName("radColor");</script></body>getElementById()方法这个是DOM定义的第二种方法，它将返回ID特性等于指定元素。列:<div id="div1">你好</div>调用var div = document.getElementByid("div1");...

【HANA系列】【第六篇】SAP HANA XS使用JavaScript(JS)调用存储过程(Procedures)【代码】【图】

公众号：SAP Technical本文作者：matinal原文出处：http://www.cnblogs.com/SAPmatinal/ 原文链接：【HANA系列】【第六篇】SAP HANA XS使用JavaScript(JS)调用存储过程(Procedures) 前言部分大家可以关注我的公众号，公众号里的排版更好，阅读更舒适。正文部分前面几篇讲了SAP HANA XS JavaScript（JS）的基础内容和相应API，这篇讲一下JavaScript如何与后台交互，此篇讲存储过程（Procedures）。从SAP HANA XS服务器端JavaScript...

JDK8中Java调用Javascript脚本引擎动态定义与执行代码【代码】

import java.lang.*; import java.util.Arrays; import java.util.List;import javax.script.Invocable; import javax.script.ScriptEngine; import javax.script.ScriptEngineManager;public class ScriptEngineTest {public static void main(String[] args) throws Exception {ScriptEngineManager sem = new ScriptEngineManager();ScriptEngine engine = sem.getEngineByName("javascript"); //python or jython, <pre na...

Java8 Nashorn实现Java调用javascript代码【代码】

最近项目需要，利用java执行动态语言，首先想到的是支持js。1.从打印Hello World开始Java8 引入Nashorn实现javascript调用，比如使用java运行一段js实现“Hello World”打印：package com.iflytek.research.jsdemo;import javax.script.ScriptEngine; import javax.script.ScriptEngineManager; import javax.script.ScriptException;public class NashornTest {public static void main(String[] args) {// 加载nashorn执行引擎Sc...

JavaScript--3种函数调用的方法【代码】

1、函数的简单调用：<script > function fn(p){alert(p); } </script><body><script>fn("简单调用JavaScript函数");</script></body>2、事件响应中调用函数<script > function fn(){alert("success"); } </script><body> <form action="method" type="post"> <input type="button" value="提交" onclick="fn()"> </form></body>3、通过链接调用函数<script >　　function fn(){alert("success");}</script> <body> 　　<a href="ja...

JavaScript或者Jqurey把控件id作为參数来调用

1.JavaScript把控件id作为參数调用<script type="text/javascript">function xx(pmba){document.getElementById(pmba).style.display = "block";}</script><div id="overlay"><input type="button" value="弹出A" onclick="xx(‘xa‘)" /><input type="button" value="弹出B" onclick="xx(‘xb‘)" /></div><div class="win" id="xa">网页a</div><div class="win" id="xb">窗体b</div> 2.这个弄了好一会儿，仅仅写一个Jqurey函数，...

ASP.NET中前台javascript与后台代码调用

ASP.NET中前台javascript与背景代码调用 1如安正在JavaScript访问C#函数? 2.如安正在JavaScript访问C#变量? 3.如安正在C#中访问JavaScript的已经有变量? 4.如安正在C#中访问JavaScript函数? 标题1谜底以下： javaScript函数中实施C#代码中的函数：方法一：一、起首成立一个按钮，正在背景将调用或许搞定的内容写入button_click中; 二、正在前台写一个js函数，内容为document.getElementById("btn1").click(); 三、正在前台或许背景...

js中的方法调用【代码】

es5语法下，javascript如何判断函数是new还是()调用

es5语法没有支持类class，但是可以通关函数来申明一个类，如下：function Person(name){　　this.name=name;}var john=new Person(‘john‘)；console.log(john.name);//john但是这个类可以直接像函数执行那样调用：Person()判断是不是被new还是()调用得这样修改上面这个类：function Person(name){　　this.name=name;　　if(this instanceof Person){ 　　　　alert(‘new调用‘); 　　}else{ 　　　　alert(‘函数调用...

javascript——四种函数调用形式【代码】

此文的目的是分析函数的四种调用形式，弄清楚函数中this的意义，明确构造函对象的过程，学会使用上下文调用函数。　　在JavaScript中，函数是一等公民，函数在JavaScript中是一个数据类型，而非像C#或其他描述性语言那样仅仅作为一个模块来使用. 函数有四种调用模式，分别是：函数调用形式、方法调用形式、构造器形式、以及apply形式. 这里所有的调用模式中，最主要的区别在于关键字 this 的意义. 下面分别介绍这个几种调用形式. ...

javascript中函数定义调用及封闭，闭包用法总结

1， javascript函数定义调用 function test(){ alert("aaa"); } var a=function(){ alert(‘aa‘); } 2，javascript函数参数 function test(a,b){ return a+b; } 3,javascript封闭函数 (function (){ alert(‘www.96net.com.cn‘); })(); 4, javascript 闭包函数函数里面嵌套函数 function a{ function b(){ } return b; } 原文：https://www.cnblogs.com/96net/...

用Node-addon-api实现C++调用Javascript【代码】

本文介绍在使用Node-addon-api时，能够实现用C++调用Javascript的几种方式。 1. Callback比较简单，示例： Napi::Function cb = info[0].As<Napi::Function>();cb.Call(env.Global(), { Napi::String::New(env, "hello world") });Return functionString MyFunction(const CallbackInfo& info) {Env env = info.Env();return String::New(env, "hello world"); }Function CreateFunction(const CallbackInfo& info) {Env env = in...

[Winform-WebBrowser]-在html页面中js调用winForm类方法【代码】

在winform项目中嵌入了网页，想通过html页面调用后台方法，如何实现呢？其实很简单，主要有三部： 1、在被调用方法类上加上[ComVisible(true)]标签，意思就是当前类可以com组件的形式供外包调用2、在webBrowser控件中设置可被html页面调用的类即：webBrowser1.ObjectForScripting = this;前端即可通过window.external访问this对象3、html页面调用后台方法：window.external.方法名(); 此处的window.external相当于webBrowser1.Obje...

javascript中方法调用与方括号[]【代码】【图】

看jquery时遇到一行：$(this)["removeClass"]("selected"); 这一行等同于下面的一行：$(this).removeClass("selected"); 想了好一会儿才明白，在javascript中，一个对象可以这么创建：var my_class = {my_var: "Jim",my_fun: function(your_name){alert(your_name)}}javascript中，因为 JavaScript 程序语言的特性，每个对象实际上都是一个 hash，引用属性的时候，可以使用my_class.my_var; my_class.my_fun("jack");也可以这样my...

首页 / JAVASCRIPT / JavaScript函数的定义、调用以及该注意的问题

JavaScript函数的定义、调用以及该注意的问题

内容导读

内容图文

内容总结

内容备注

内容手机端

【JavaScript函数的定义、调用以及该注意的问题】教程文章相关的互联网学习教程文章

JAVASCRIPT - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程