JS的三种输出方式

1.window.alert(”),弹框效果,window可省略。弹出比较突然,用户的体验不好,基本用来测试代码使用。

<script type="text/javascript"> 
    /*
     *  window.alert()  把小括号里的内容,以弹窗的方式显示出来
     * window是BOM对象,指的是整个浏览器,可以省略不写
     * '我是李康达,我为GDP代言'
     * 我们需要输出的内容,这些内容需要用一对单引号或一对双引号引用起来
     * ;(分号)表示一行代码结束
     * 如果一行只写一行的代码可以省略分号,但是不建议
     * 
     */
    window.alert('我是李康达')
    alert("我为GDP代言")
</script>

2.console系列,会在控制台(一般使用F12键打开)输出内容,开发时会经常使用

<script>
    console.log('控制台.日志()');
    console.warn('控制台.警告()');
    console.error('控制台.错误()');
</script>

3.document.write(),直接在页面上输出内容

<script>
    /*
     * document     指的是我们所写的HTML文档
     * write()      把小括号里的内容输出到页面上
     */
    document.write('我是李康达');
</script>
### JavaScript 中模块的导出方 JavaScript 的模块化机制支持多种导出方,以下将详细介绍三种主要的导出方,并结合相关引用内容进行说明。 #### 1. **命名导出(Named Export)** 命名导出允许从一个模块中导出多个值,每个值都有自己的名称。这种方非常适合需要导出多个变量、函数或类的场景[^4]。 ```javascript // aaa.js 文件 export function sum(num1, num2) { return num1 + num2; } export const flag = true; export class Person { run() { console.log("person"); } } ``` 在导入时,可以按需选择具体的导出项: ```javascript import { sum, flag, Person } from './aaa.js'; console.log(sum(2, 3)); // 输出 5 console.log(flag); // 输出 true const person = new Person(); person.run(); // 输出 "person" ``` #### 2. **默认导出(Default Export)** 默认导出允许为模块指定一个默认的导出值。每个模块只能有一个默认导出,且在导入时无需使用大括号[^4]。 ```javascript // aaa.js 文件 const test = "default测试"; export default test; ``` 在导入时,可以直接使用任意名称接收默认导出的内容: ```javascript import myTest from './aaa.js'; console.log(myTest); // 输出 "default测试" ``` #### 3. **混合导出(Mixed Export)** 模块可以同时使用命名导出和默认导出。这种方提供了更大的灵活性,允许开发者根据需求选择适合的导出方[^4]。 ```javascript // aaa.js 文件 export const flag = true; function sum(num1, num2) { return num1 + num2; } export { sum }; export default function () { console.log("This is a default function."); } ``` 在导入时,可以分别处理默认导出和命名导出: ```javascript import defaultFunc, { sum, flag } from './aaa.js'; defaultFunc(); // 输出 "This is a default function." console.log(sum(2, 3)); // 输出 5 console.log(flag); // 输出 true ``` --- ### 总结 JavaScript 的模块导出方主要包括命名导出、默认导出以及混合导出。命名导出适合多值导出,提供明确的标识;默认导出则简化了单一值导出的语法;混合导出则结合了两者的优点,适用于复杂的模块设计。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值