解决低版本浏览器不支持object.assign()问题

最新推荐文章于 2023-07-19 20:12:48 发布
最新推荐文章于 2023-07-19 20:12:48 发布
阅读量1.5k 收藏 1
点赞数
分类专栏： 前端 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Vincent_Wilk/article/details/104758356
版权
本文介绍了在开发APP页面时遇到的低版本浏览器不支持`object.assign()`的问题，导致页面在新手机上正常工作但在旧设备上无法滑动。通过查看日志发现错误提示`object.assign() is not a function`。为了解决这个问题，可以在使用`object.assign()`之前引入一个补丁代码，以确保在不支持此方法的浏览器中也能正确运行。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

最近新写的APP页面加入了bscroll.min.js插件文件，里面使用到了object.assign()，该方法ES6中合并对象用的。在比较新的手机上滑动页面没问题，但在较低版本的手机时滑动却没反应，查看日志发现有这么一句话：object.assign()
is not a function.才发现低版本浏览器不兼容问题。

解决办法
在使用有object.assign()的代码块/插件文件前加入以下代码：

if (typeof Object.assign != 'function') {
   
   Object.assign = function(target
最低0.47元/天 解锁文章
Object.assign方法有什么用？超详细测试用例、实例、可以在浏览器的控制台打印结果
南北极之间
07-14 185
是一个 JavaScript 方法，用于将一个或多个源对象的所有可枚举属性复制到目标对象中。它返回目标对象。这个方法常用于合并对象或浅复制对象。
Object.assign(）不兼容的解决方法
yangmy_Shy的博客
09-27 981
解决方案： 将上面代码复制到公共方法里直接调用 if(typeof Object.assign != 'function') { (function() { Object.assign = function(target) { 'use strict'; if(target === undefined || target === null) { throw new TypeError('Canno..
有关不同浏览器对于object标签支持的兼容问题
hulua2010的专栏
07-19 5724
对于object标签来说，ie是支持的，但是像火狐，360，谷歌等浏览器他是不支持的，解决的办法有很多种，下面介绍三种方法： 第一：就是绕开object标签不用 :shock: 这个办法管用，可以上网上找。 第二种：可以在object中嵌套embed标签。这个方法很简单，不做介绍。 重点在第三种 第三种：可以在支持ie的object中在嵌套不支持其他浏览器的object标签 代码如下： ...
js 低版本浏览器内核、IE实现Object.assign
lctmei的博客
01-17 936
低版本浏览器内核、IE实现Object.assign if (typeof Object.assign != 'function') {         Object.assign = function(target) {             'use strict';             if (target == null) {                 throw new T...
Object.assign()深拷贝的用法、以及在IE浏览器不兼容的解决方案
时间飞逝的博客
06-11 2672
1、Object.assign()的用法 ES5提供的Object.assign()原型方法，主要是用来解决拷贝出来的新对象和原来的对象不相互影响的问题。 主要用法有： 一、复制一个对象 let obj1 = { a: 0 , b: { c: 0}}; let obj2 = Object.assign({}, obj1); console.log(JSON.stringify(obj...
移动端h5页面，Object.assign(）不兼容的解决方法
qq_22091941的博客
12-25 2136
在一些手机浏览器上，页面Object.assign是没有的，这导致该方法失效。 解决的方法：      检测Object.assign方法是否存在，不存在则重写，      重写的方法就是把https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/assign里面的polyf...
解决 Object.assign不兼容IE问题
weixin_34403976的博客
07-19 3795
Object.assign不兼容IE问题 使用 Object.assign 在IE中报错 这是因为IE根本不支持 Object.assign 方法 可在调用之前 加入以下兼容代码 if (typeof Object.assign != 'function') { Object.assign = function(target) { 'use strict'; if (targ...
js代码-Object.assign
07-16
`Object.assign()`是ES6引入的新特性，因此在较旧的浏览器（如IE）中可能不支持。在这些环境中，可以使用polyfill（如Babel）或者自定义实现来提供兼容性。 ### 使用注意事项 - 如果目标对象与源对象相同，源对象...
钉钉自带浏览器版本过低，导致Object.assign不兼容...
05-12
钉钉自带浏览器版本过低，可能会导致一些ES6的新特性不兼容，比如Object.assign。可以使用babel或者polyfill来解决这个问题。 babel是一个JavaScript编译器，可以将ES6的代码转换为ES5的代码，从而兼容更多的浏览器...
Node.js-ES2015Object.assign()ponyfill
08-10
这在某些情况下是非常重要的，因为开发者可能希望在不破坏原有代码行为的前提下，为旧版本的Node.js或其他环境提供`Object.assign()`的功能。 `Object.assign()`是ES6引入的一个非常实用的方法，它的主要功能是合并...
谷歌浏览器如何支持 object
翔飞
01-23 6681
把附件中的文件拖入谷歌浏览器中地址栏（需要在扩展程序 中打开开发者模式）即可，或进入chrome://extensions,勾选开发者模式,将crx包拖入 如不行，输入chrome:flags#enable-npapi 回车，启用enable-npapi,然后重启chrome ...
JS：Object.assign()方法
qq_26249609的博客
07-04 366
Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 JavaScript Demo: Object.assgin() const object1 = { a: 1, b: 2, c: 3 }; const object2 = Object.assign({c: 4, d: 5}, object1); console.log(...
Object.assign()的使用.
weixin_49035434的博客
03-28 415
Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象。 它将返回目标对象。 const target = { a: 1, b: 2 }; const source = { b: 4, c: 5 }; // Object.assign()第一个参数是目标对象，后面的参数都是源对象 const returnedTarget = Object.assign(target, source); // 如果目标对象中的属性和源对象的属性相同,目标对象的属性会被源对象的属性
Uncaught TypeError: object is not a function问题解决
a1298b的博客
08-21 4574
在测试多浏览器兼容时，发现chrome浏览器报Uncaught TypeError: object is not a function， 查找原因不得其所。 通过查看代码，发现在javascript中我定义了一个名称为onsubmit方法，后修改名称，发现chrome ok！ 解决方案： 1.查询浏览器是否禁止脚本 2.查看javascript定义的对象名，是否与htm...
object.assign
enjoy_sun_moon的博客
01-04 199
var _date=[],dateData=["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"]; var dataDataRet = Object.assign([],dateData).reverse(); //【注意】：当Object.assign()方法用于数组时 //[说明]:对象是根据属性名来对应，数组是根据索
Object.assign is not a function（解决）
shuzipai的博客
07-08 9484
import Assign from 'object-assign';
HTML ＜object＞ 标签
最新发布
玄链教育
07-19 1123
定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素允许您规定插入 HTML 文档中的对象的数据和参数，以及可用来显示和操作数据的代码。 标签用于包含对象，比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。object 的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持，这一点并未实现。浏览器的对象支持有赖于对象类型。不幸的是，主流浏览器都使用不同的代码来加载相同的对象类型。
chrome浏览器UncaughtTypeError: object is not a function问题解决
qq1507171150的博客
03-09 2887
想到或许是谷歌浏览器版本太低了，下载最新版的谷歌浏览器，卸载之前的版本，安装最新版的，输入网址后，登录后也是正常。Odoo15安装之后，用系统自带的IE浏览器和谷歌浏览器登录以后，web页都显示空白，跟踪找到显示如下错误。至此，困扰我多日的问题，总算是解决了，太不容易了，故留下此文，以做纪念！于是，我下载了最新版的火狐浏览器，输入网址，登录后，正常登录了。经过几天的卸载，重装，换几台电脑安装后，依然如此。各种百度，必应查找原因，没有一个方法能解决的。想到会不会是浏览器的问题？
【angular】浏览器低版本报错，Object.assign
FCat
11-06 2267
问题描述： SCRIPT438: 对象不支持 xxx 属性或方法，这种情况一般是使用了 es6、es7 的高级语法，Object.assign Object.values 等。解决方案： 在main.ts中引入一下import assign from 'object-assign'; assign({}, {});OK，完美解决
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值