`

js方法默认参数

阅读更多

本来以为js和Python特别像,那么Python的这种默认参数也可以

 

function createDom(type, attrN = "null", attrV = "null", attr2N = 'null', attr2V = 'null'){
	var self = document.createElement(type);
	if(attrN != "null") {
		self.setAttribute(attrN,attrV);
		if(attr2N != "null"){
			self.setAttribute(attr2N,attr2V);
		}
	}
	return self;
}

 这样写,chrome是可以运行的。但是ie不行。后来网上查了下,可以使用arguments实现

//方法1
function createDom(){
	
	var type = arguments[0] ? arguments[0] : 'null';
	var attrN = arguments[1] ? arguments[1] : 'null';
	var attrV = arguments[2] ? arguments[2] : 'null';
	var attr2N = arguments[3] ? arguments[3] : 'null';
	var attr2V = arguments[4] ? arguments[4] : 'null';
	var self = document.createElement(type);
	if(attrN != "null") {
		self.setAttribute(attrN,attrV);
		if(attr2N != "null"){
			self.setAttribute(attr2N,attr2V);
		}
	}

 也可以是这样

//方法2
function createDom(type, attrN , attrV, attr2N, attr2V){
	type = type ? type : 'null';
	attrN = attrN ? attrN : 'null';
	attrV = attrV ? attrV : 'null';
	attr2N = attr2N ? attr2N : 'null';
	attr2V = attr2V ? attr2V : 'null';
	var self = document.createElement(type);
	if(attrN != "null") {
		self.setAttribute(attrN,attrV);
		if(attr2N != "null"){
			self.setAttribute(attr2N,attr2V);
		}
	}
	return self;
}

 或者这样(推荐)

//方法3
function createDom(type, attrN , attrV, attr2N, attr2V){
	type = type || 'null';
	attrN = attrN || 'null';
	attrV = attrV || 'null';
	attr2N = attr2N || 'null';
	attr2V = attr2V || 'null';
	var self = document.createElement(type);
	if(attrN != "null") {
		self.setAttribute(attrN,attrV);
		if(attr2N != "null"){
			self.setAttribute(attr2N,attr2V);
		}
	}
	return self;
}

 

 

 

分享到:
评论

相关推荐

    JavaScript函数参数使用带参数名的方式赋值传入的方法

    总之,JavaScript函数参数使用带参数名的方式赋值传入的方法是一种提高代码可读性和灵活性的优秀实践。它减少了因参数顺序或缺失导致的错误,使代码结构更加清晰,同时为参数管理提供了更多的控制选项。对于需要编写...

    JS调用后台带参数的方法

    根据给定的信息,本文将详细解释“JS调用后台带参数的方法”。这涉及到前端JavaScript与后端服务之间的交互,特别是如何在发送请求时携带参数。 ### JS调用后台带参数的基本概念 在Web开发中,前端(通常是...

    qt 调用javascript函数 带参数

    本篇文章将深入探讨如何在Qt中调用JavaScript函数并传递参数,以实现更丰富的功能。 首先,Qt的Webkit模块是实现这一目标的关键。Qt Webkit是一个基于WebKit引擎的组件,它允许Qt应用渲染网页内容,并与网页进行...

    js中方法重载如何实现?以及函数的参数问题.docx

    这里我们将详细讨论如何在JavaScript中实现方法重载以及相关的函数参数问题。 ### 方法重载的实现 #### 1. `arguments` 对象 JavaScript 中的每个函数都有一个内置对象 `arguments`,它是一个类数组对象,包含了...

    js获取url参数

    本文将详细介绍一种利用自定义函数`getUrlParam`来获取URL参数的方法,并对其进行深入解析。 #### 二、基础知识回顾 ##### 2.1 URL 结构 URL(Uniform Resource Locator)是统一资源定位符,用于标识互联网上的...

    JavaScript函数的定义方法及函数的参数和优化.docx

    为了优化函数参数,可以设计参数时注意,如果参数数量较少直接使用多个形参传参形式即可。一旦参数数量非常多,且存在很多可选参数,有些参数是不必要的,但是参数仍是按照顺序进行传递的,这个时候一定要把参数转换...

    js中对函数设置默认参数值的3种方法.docx

    在ES6之后,JavaScript引入了更现代的默认参数语法,即直接在函数参数定义时赋值,如`function example(a = 1, b = 2) {}`,这是最推荐的方式,因为它既简洁又易于理解,同时避免了上述方法的一些潜在问题。...

    JS函数多个参数默认值指定方法分析

    在JavaScript中,函数参数默认值的设定是一种常见且实用的功能,它允许我们在调用函数时,如果省略了某些参数,函数内部依然可以使用预设的默认值来处理。这篇文章将详细探讨如何在JS中为函数的多个参数指定默认值。...

    cefsharp JavaScript调用C#方法并返回参数

    本文将深入探讨如何利用CEFSharp实现JavaScript调用C#方法,并获取返回的参数。 首先,理解CEFSharp的工作原理至关重要。CEFSharp是Chromium Embedded Framework(CEF)的.NET封装,而CEF是一个开源项目,用于在...

    Finereport数据集参数实现动态列报表模板 + 函数JS代码

    在这个“Finereport数据集参数实现动态列报表模板 + 函数JS代码”的资源包中,我们将深入探讨如何利用FineReport的特性来实现动态列报表,并结合JavaScript(JS)代码来优化这一过程。 首先,动态列报表的核心在于...

    javascript 函数参数限制说明

    JavaScript中的函数参数数量在不同浏览器中存在一定的限制。在JavaScript中,函数参数的实际限制主要取决于浏览器如何处理这些参数。在Safari中,由于参数数量被限制为ushort的最大值,也就是65535个,这是因为...

    理解Javascript函数形式参数与arguments

    形式参数指的是定义方法时所明确指定的参数,而实际参数则是指javascript实际调用时所传递的参数。arguments正是这些实际参数的集合体。 在函数say的定义中,我们可以看到有三个形式参数:msg、other和garbage,...

    ast-hook用于js逆向根据参数值快速定位到生成加密参数位置

    本文将详细探讨`ast-hook`的工作原理、使用方法以及它在js逆向工程中的应用。 首先,我们了解什么是AST(抽象语法树,Abstract Syntax Tree)。在编程语言解析过程中,源代码会被转换成一个由节点构成的树形结构,...

    a标签调用js的方法总结

    ” rel=”external nofollow” rel=”external nofollow” rel=”external nofollow” ,其中[removed]是伪协议,它可以让我们通过一个链接来调用javascript函数.而采用这个方式 [removed];可以实现A标签的点击事件...

    JS中把函数作为另一函数的参数传递方法(总结)

    在JavaScript编程中,函数是一种第一类对象,这意味着它们可以被赋值给变量、作为参数传递给其他函数,或者作为其他函数的返回值。这种特性使得JavaScript具有高度的灵活性和强大的功能。本文将深入探讨如何在...

    js校验对象参数说明表

    `js校验对象参数说明表`可能是一个详细的文档或表格,用于定义和解释如何验证传递给函数或方法的对象参数。`js校验对象使用说明.doc`文档可能是对此过程的详细指南,包括实例和最佳实践。`js校验对象参数说明表.xls`...

    javascript常用函数 javascript 常用库

    在JavaScript中,函数是代码的可重用部分,它们可以接受参数并返回值,是实现程序模块化的重要手段。在JavaScript的常用库中,我们可以找到许多方便的公共方法,这些方法极大地提高了开发效率。 一、JavaScript常用...

    js中对函数设置默认参数值的3种方法

    在javascript中如何为函数设置默认参数值,下面提供几种方法供大家参考。 第一种方法: function example(a,b){ var a = arguments[0] ? arguments[0] : 1;//设置参数a的默认值为1 var b = arguments[1] ? ...

    android webview中使用Java调用JavaScript方法并获取返回值

    当JavaScript执行完毕并准备好将结果返回给Java时,它会通过window.stub.jsMethod(result)来调用Java中相应的方法,并传递一个参数result。 在JavaScript代码中,可以使用window.stub.jsMethod()来调用Java的方法。...

Global site tag (gtag.js) - Google Analytics