js export 对外输出常量、变量和函数

简介: js export 对外输出常量、变量和函数

输出常量 / 变量

单独输出

单独输出常量

export const webName = 'SunShine 编程俱乐部';

单独输出变量

export var year = 1958;

在其他文件中使用

// 一个变量时
    import {year} from './utils/common.js'
 
// 多个变/常量时
 
    import {year,webName} from './utils/common.js'
            console.log(year)
            console.log(webName)

一起输出

用 { } 包裹,一起输出(推荐)

const webName = 'SunShine 编程俱乐部';
var year = 1958;
export default {webName, year};

在其他文件中使用

import data from './utils/common.js'
console.log(data.year)
console.log(data.webName)

输出函数

src/plugins/SUI/utils/common.js

// 计算文本长度
export function getLength(content) {
    if (typeof content === 'string') {
        //先把中文替换成两个字节的英文,再计算长度
        return content.replace(/[\u0391-\uFFE5]/g, "aa").length
    }
}

在其他文件中使用

import {getLength} from './utils/common.js'
let contentLength = getLength(content)
目录
相关文章
|
2天前
|
JavaScript
js函数封装 —— 金额添加千分位分隔符
js函数封装 —— 金额添加千分位分隔符
9 2
|
1天前
|
存储 JavaScript 前端开发
|
2天前
|
JavaScript 前端开发 网络架构
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
7 1
|
1天前
|
JavaScript
js 数组移除指定元素【函数封装】(含对象数组移除指定元素)
js 数组移除指定元素【函数封装】(含对象数组移除指定元素)
2 0
|
1天前
|
JavaScript
js 调试 —— 断点(含进入函数、条件断点等)
js 调试 —— 断点(含进入函数、条件断点等)
7 0
|
1天前
|
JavaScript
JS【详解】函数.bind()
JS【详解】函数.bind()
3 0
|
1天前
|
JavaScript
js 【详解】函数中的 this 指向
js 【详解】函数中的 this 指向
3 0
|
1天前
|
存储 JavaScript 前端开发
|
2天前
|
存储 JavaScript 前端开发
面试官:JS中变量定义时内存有什么变化?
面试官:JS中变量定义时内存有什么变化?
|
2天前
|
前端开发 JavaScript
前端 JS 经典:箭头函数的意义
前端 JS 经典:箭头函数的意义
3 0