JS的自执行函数书写格式
时间: 2023-08-16 13:06:41 浏览: 75
JS的自执行函数一般有两种常见的书写格式,分别是:
1. 使用圆括号将函数体包裹起来,并在其后加上一对空的圆括号,示例代码如下:
```
(function(){
// 在这里编写自执行函数的代码
})();
```
2. 使用双重否定号将函数体转换为布尔值,示例代码如下:
```
!!function(){
// 在这里编写自执行函数的代码
}();
```
这两种格式都是可以达到自执行函数的效果的,具体选择哪种方式取决于个人习惯和项目要求。
相关问题
JS常见的自执行函数格式
JS的自执行函数有多种常见的书写格式,以下是其中的几种:
1. 使用圆括号将函数体包裹起来,并在其后加上一对空的圆括号
```
(function(){
// 在这里编写自执行函数的代码
})();
```
2. 使用比较运算符将函数体转换为布尔值
```
!function(){
// 在这里编写自执行函数的代码
}();
```
3. 使用逻辑运算符将函数体转换为布尔值
```
(function(){
// 在这里编写自执行函数的代码
}()) || function(){
// 在这里编写备选自执行函数的代码
}();
```
4. 使用加号将函数体转换为表达式
```
+function(){
// 在这里编写自执行函数的代码
}();
```
5. 使用void关键字将函数体转换为undefined
```
void function(){
// 在这里编写自执行函数的代码
}();
```
这些格式都可以达到自执行函数的效果,具体选择哪种方式取决于个人习惯和项目要求。
创建Vue对象时参数传递的js对象中可以书写哪些属性及函数,请书写格式?
创建Vue对象时可以传递以下属性和函数:
- el:指定Vue实例挂载的元素,可以是选择器字符串或DOM元素。
- data:Vue实例的数据对象,在模板中可以使用。
- methods:Vue实例的方法对象,可以在模板中调用。
- computed:计算属性对象,可以根据Vue实例的数据计算出新的值,在模板中使用。
- watch:监听属性变化的对象,可以在属性变化时执行相应的函数。
- props:父子组件通信的属性列表,可以从父组件传递数据到子组件。
- created:Vue实例创建后执行的函数。
- mounted:Vue实例挂载到DOM后执行的函数。
- components:子组件对象,可以在模板中使用。
- directives:自定义指令对象,可以在模板中使用。
格式如下:
```javascript
new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
},
methods: {
greet: function () {
alert(this.message)
}
},
computed: {
reversedMessage: function () {
return this.message.split('').reverse().join('')
}
},
watch: {
message: function (newVal, oldVal) {
console.log('message changed from ' + oldVal + ' to ' + newVal)
}
},
props: ['title', 'content'],
created: function () {
console.log('Vue instance created')
},
mounted: function () {
console.log('Vue instance mounted')
},
components: {
'my-component': {
template: '<div>My Component</div>'
}
},
directives: {
'my-directive': function (el, binding) {
el.style.color = binding.value
}
}
})
```